html怎么获取动态数据？

可以使用动态HTML从一个HTML页面元素中获取数据。它允许获取和 *** 作数据而不需经过服务器。使用页面上对象的属性，在 Visual Basic \x0d\x0a代码中可以在页面上搜集数据、执行计算并显示响应，而不需将处理从客户端传送到服务器，传送将增加对用户 *** 作和请求的响应时间。\x0d\x0a\x0d\x0a例如，假设正在使用一个应用程序，它允许用户通过输入作者名字、书名或检索书号到一个搜索页的文本字段中，从一个数据库中查询书目。文本字段被命名为Author、Title和CallNo。当从应用程序的搜索页提交一个查询时，应用程序必须从这些文本字段获取该值。\x0d\x0a\x0d\x0a下面的代码显示了如何使用变量来获取这些字段的值：\x0d\x0aPrivate function cmdSearch_onclick() As Boolean\x0d\x0a创建变量包含搜索条件。\x0d\x0aDim sAuthor as String\x0d\x0aDim sTitle as String\x0d\x0aDim sCallNo as String\x0d\x0a从页面获取搜索条件。\x0d\x0asAuthor=Me.author.Value\x0d\x0asTitle=Me.title.Value\x0d\x0asCallNo=Me.callno.Value\x0d\x0a这里的代码处理并返回查询。\x0d\x0aEnd Function\x0d\x0a这段代码使用HTML文本字段的Value属性获取字段的数据，代码将打开一个数据库连接、创建一个记录集并返回适当的记录，然后数据被发送给用户。

html中获取表单数据的的方法一般有两种，一个是使用form表单的action属性将表单的数据提交给后台，另外一种就是使用JavaScript方法获取表单的数据，然后通过ajax传送给后台。

工具原料：编辑器、浏览器

一、使用表单的方法提交数据

1、利用form表单的action属性来获取表单的数据并提交，代码如下：

1

2

3

4

5

<form action="form_action.php" method="get">

<p>First name: <input type="text" name="fname" /></p>

<p>Last name: <input type="text" name="lname" /></p>

<input type="submit" value="Submit" />

</form>

2、以上代码中method指定提交数据的方法为get，action的值是表单数据提交的地址。

二、使用JavaScript方法来获取表单的数据的方法

1、可以使用JavaScript的选择器选择表单的元素并获取其输入的数据，代码如下：

1

2

3

4

5

6

7

8

9

<form action="form_action.php" method="get">

<p>First name: <input id="bt1" type="text" name="fname" /></p>

<p>Last name: <input id="bt2" type="text" name="lname" /></p>

<input type="submit" value="Submit" />

</form>

<script>

console.log($('#bt1').val())

console.log($('#bt2').val())

</script>

2、其中$('#bt1').val()就是获取input输入内容的值

---