JS提交时变量保存方法

通过表单的submit按钮直接提交时，会将所有表单数据一并发送，但有时仅需提交部分数据。此时可利用JavaScript模拟表单提交过程，灵活选择需要发送的字段。这种方式不仅提升了数据传输的灵活性，还能有效控制提交内容，下面将介绍如何使用JavaScript实现表单数据的自定义提交。

1、 启动Eclipse，新建一个Web项目，在WebContent目录下创建index.html和doRequest.jsp两个文件。项目结构完成后，其目录布局所示。

2、 index.html 文件内容见附图所示。

3、 介绍JavaScript提交表单数据的方法。

4、 点击提交按钮后，执行doRequest函数进行请求处理。

5、 该函数用于创建新表单以存储表单数据。

6、 创建所需数据元素并添加至新表单，准备提交至后台。

7、 先创建好待提交的表单，然后将其添加到页面的body中。

8、 最后调用form.submit()方法完成表单提交操作。

9、 doRequest.jsp与web.xml的具体内容详见附图所示。

10、 doRequest.jsp用于展示传入的数据信息。

11、 完成index.html、doRequest.jsp及web.xml文件的编辑后，启动Tomcat服务器运行该项目，最终运行效果所示。

12、 若仅需将表单中的用户名传递至后台，可参照图示对index.html文件进行相应修改即可。

13、 刷新页面后，效果所示。

14、 从图中可见，表单仅将用户名的值提交至doRequest.jsp页面。