jquery+ajax实现动态加载表单_IT百科

场景：

springMVC+jquery+ajax+jsp实现在页面中输入数字后，点击按钮，表单中自动加载指定行数据。

1、user实体类

2、创建controller组件类。

toDymyuser（）方法用于跳转到jsp页面

getMyUserClass（）方法用于jsp页面的数据加载来源

3、新增jsp页面

1）、获取当前服务路径bathpath

2）、引入jquery包，这里直接使用的是 http://cdn.static.runoob.com 下的jquery包，在浏览器中输入该地址可访问，即为可用

3）、引入style样式，让页面简洁美观

4）、在script中，使用ajax时，需要传入参数便于动态显示表格，所以需要与controller层交互，这里使用post的方式，并在url中引入controller中设置的地址，数据传输成功后，动态追加到htmltxt中，最后使用jquery选择器将htmltxt传到元素的html即可。

4、使用springMVC必须要配置web.xml文件

5、web.xml中使用到了/spring-mvc-servlet.xml，所以要在web-inf目录下新增该文件

6、启动tomcat，在浏览器中输入： http://localhost:8080/dyuser 。效果如下

因为clone()的表单name属性都一样

后台取参数要用

String[] names = request.getParamterValues("name")

这种方式接收到的是表单内容数组

如果用

request.getParamter("name")

只接收一个值

直接用js里的getElementsByName就可以获取所以name值相同的元素。但获取出来的并不是数组，而是类数组的元素集合。所以还需要一步变换，下面是简单代码：

<body>

</body>

var oInp = document.getElementsByName('111')

var aInp = []

for(var i=0i<oInp.lengthi++){

aInp.push(oInp[i])

}

</script> //这样aInp这个数组里存储的就是所以元素name为111的数组。

欢迎分享，转载请注明来源：内存溢出

jquery+ajax实现动态加载表单