HTML5页面上的数据怎么从服务器端获取

可以使用动态HTML从一个HTML页面元素中获取数据。它允许获取和 *** 作数据而不需经过服务器。使用页面上对象的属性，在 Visual Basic

代码中可以在页面上搜集数据、执行计算并显示响应，而不需将处理从客户端传送到服务器，传送将增加对用户 *** 作和请求的响应时间。

例如，假设正在使用一个应用程序，它允许用户通过输入作者名字、书名或检索书号到一个搜索页的文本字段中，从一个数据库中查询书目。文本字段被命名为Author、Title和CallNo。当从应用程序的搜索页提交一个查询时，应用程序必须从这些文本字段获取该值。

下面的代码显示了如何使用变量来获取这些字段的值：

Private function cmdSearch_onclick() As Boolean

创建变量包含搜索条件。

Dim sAuthor as String

Dim sTitle as String

Dim sCallNo as String

从页面获取搜索条件。

sAuthor=Me.author.Value

sTitle=Me.title.Value

sCallNo=Me.callno.Value

这里的代码处理并返回查询。

End Function

这段代码使用HTML文本字段的Value属性获取字段的数据，代码将打开一个数据库连接、创建一个记录集并返回适当的记录，然后数据被发送给用户。

HTML是无法读取数据库的，HTML是页面前端脚本语言，要想从HTML网页中获取SQL数据库里的数据，需要借助JSP或ASP或PHP或RUBY等语言来实现。

简单的关系可以这样理解：

数据库<--->JSP或ASP或PHP或RUBY等语言<--->HTML

如：在JSP页面中显示完整代码如下：

<%@ page

language="java"

contentType="text/htmlcharset=UTF-8"

pageEncoding="UTF-8"

%>

<%@page import="java.sql.*"%>

<center>

<H1><font color="blue" size="12">管理中心</font></H1>

<HR />

<table width="80%" border="1">

<tr>

<th>ID</th>

<th>书名</th>

<th>作者</th>

<th>价格</th>

<th>删除</th>

</tr>

<%

// 数据库的名字

String dbName = "zap"

// 登录数据库的用户名

String username = "sa"

// 登录数据库的密码

String password = "123"

// 数据库的IP地址，本机可以用 localhost 或者 127.0.0.1

String host = "127.0.0.1"

// 数据库的端口，一般不会修改，默认为1433

int port = 1433

String connectionUrl = "jdbc:sqlserver://" + host + ":" + port + "databaseName=" + dbName + "user=" + username

+ "password=" + password

//

//声明需要使用的资源

// 数据库连接，记得用完了一定要关闭

Connection con = null

// Statement 记得用完了一定要关闭

Statement stmt = null

// 结果集，记得用完了一定要关闭

ResultSet rs = null

try {

// 注册驱动

Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver")

// 获得一个数据库连接

con = DriverManager.getConnection(connectionUrl)

String SQL = "SELECT * from note"

// 创建查询

stmt = con.createStatement()

// 执行查询，拿到结果集

rs = stmt.executeQuery(SQL)

while (rs.next()) {

%>

<tr>

<td>

<%=rs.getInt(1)%>

</td>

<td>

<a href="prepareupdate?ID=<%=rs.getInt("ID")%>" target="_blank"><%=rs.getString(2)%></a>

</td>

<td>

<%=rs.getString(3)%>

</td>

<td>

<%=rs.getString(4)%>

</td>

<td>

<a href="delete?ID=<%=rs.getInt("ID")%>" target="_blank">删除</a>

</td>

</tr>

<%

}

} catch (Exception e) {

// 捕获并显示异常

e.printStackTrace()

} finally {

// 关闭我们使用过的资源

if (rs != null)

try {

rs.close()

} catch (Exception e) {}

if (stmt != null)

try {

stmt.close()

} catch (Exception e) {}

if (con != null)

try {

con.close()

} catch (Exception e) {}

}

%>

</table>

<a href="insert.jsp">添加新纪录</a>

</center>

第一步：将取出的标签转换成字符串，比如：

var html = "<div>这就是标签字符串</div>"

第二步：

在html中的节点插入：

document.body.innerHTML = html

就完成了

---