jsp如何获得html form中的数据

HTML：

<form action="ajsp">

<input type="text" name="test_data"/>

<input type="submit" value="提交" />

</form>

ajsp：

<%

String testData = requestgetParameter("test_data");   // 即可获得test_data的值。

%>

扩展资料：

页面间链接和数据传递的三种方式

（1）通过JSP表单形式将数据提交到下一个页面;

（2）通过JSP表单链接将数据提交到下一个页面;

（3）通过JSP表单会话将数据提交到后续页面，会话是一次会话只要浏览器不关闭就不会关闭会话，一般默认保存30分钟可以根据自己的需要更改。

在一个html页面生成的时候，js就已经把dom树创建好了

只要这棵树上有的数据，我们都可以通过js来获取使用

那么这个问题就变成js如何去查询dom树的节点了

js内置了以下几个查询节点的方法

1

2

3

documentgetElementById("id") //通过id来获取一个dom元素

documentgetElementsByName("name") //通过name属性来获取一个集合

documentgetElementsByTagName("tag") //通过标签来获取一个集合

如果要查找的元素本身有id，通过第一个方法可以直接获取，当我们得到了这个dom节点的时候就可以输出他的一系列数据了

举个栗子

1

2

3

4

5

6

7

8

9

10

11

12

var dom = documentgetElementById("id");

//如果是

alert(domsrc);

//如果该dom有class

alert(domclassName);

//如果该dom有value

alert(domvalue);

//如果该dom有文本

alert(dominnerHTML);

//输出dom的style

alert(domstylewidth);

//等等

当dom没有id的时候，我们就要依靠一些条件去找到我们想要的dom了

1

2

3

4

5

6

7

8

//寻找所有class为bold的div

var c = documentgetElementsByTagName("div"), len = clength, r = [];

for(var i=0;i<len;i++){

if(c[i]className == 'bold'){

rpush(c[i]);

}

}

//当得到了这些dom节点后，就可以用上面提到的方法继续访问每个dom的数据啦

方法和详细的 *** 作步骤如下：

1、第一步，打开Dreamweaver编辑器，准备一个空白html文件并编写基本html结构，见下图，转到下面的步骤。

2、第二步，执行完上面的 *** 作之后，创建一个表单，在表单中设置年龄和名称这两个属性，然后创建一个提交按钮，见下图，转到下面的步骤。

3、第三步，执行完上面的 *** 作之后，在上方设置script标签并在其中创建js函数来获取表单提交，见下图，转到下面的步骤。

4、第四步，执行完上面的 *** 作之后，打开浏览器预览效果，在表单中填写内容，然后单击提交，见下图，转到下面的步骤。

5、第五步，执行完上面的 *** 作之后，js会将数据提交到指定位置，见下图。这样，就解决了这个问题了。

1、新建html文档，在body标签中添加一个按钮，然后在head标签中引入jQuery文件：

2、使用jQuery给按钮添加点击事件，然后使用ajax发送请求并将获取到的结果进行输出：

3、用浏览器打开代码，点击浏览器上的按钮，这时html页面中的内容就被输出到了控制台中：

import sys

from lxml import etree

reload(sys)

syssetdefaultencoding("utf8")

import requests

r = requestsget('>

To get the contents of the attribute data-id (like in <a data-id="123">link</a>) you have to use

$(this)attr("data-id") // will return the string "123"

or data() (if you use newer jQuery >= 143)

$(this)data("id") // will return the number 123

注：

1两种方法 ①使用attr方法获得data-的值 $(this)attr('data-id');② $(this)data("id")

2 data- 都可以使用 $(this)data(' ');获取，比如 data-cat ，使用$(this)data(cat)获取。

3只能使用中横线 ‘ - ’ ！！

js获取data-的方式：

通过dataset属性访问

//HTML代码 <div id="myDiv" data-appid="123" data-myname="lsxj"></div>

//js代码

var div = documentgetElementById("myDiv");

var appId = divdatasetappid;//获取data-appid的值

var myName = divdatasetmyname;//获取data-myname的值

//设置值

divdatasetappid = 456;

divdatasetmyname = "newname";

最终HTML结果 <div id="myDiv" data-appid="456" data-myname="newname"></div>

dataset属性的值是DOMStringMap的一个实例，名值对的映射。每个data-name形式的属性都有一个对应的属性，只不过该属性名没有data-前缀。

兼容性

需要注意的是，dataset中大小写的问题。带连字符连接的名称在使用的时候需要命名驼峰化。例如data-my-name对应的是datasetmyName的值。

以上就是关于jsp如何获得html form中的数据全部的内容，包括:jsp如何获得html form中的数据、如何利用ActiveX获取HTML的数据元素、HTML如何接收表单提交的数据等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！