热点:

    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页面。

    soft.zol.com.cn true https://soft.zol.com.cn/1214/12142914.html report 1088 通过表单的submit按钮直接提交时,会将所有表单数据一并发送,但有时仅需提交部分数据。此时可利用JavaScript模拟表单提交过程,灵活选择需要发送的字段。这种方式不仅提升了数据传输的灵活性,还能有效控制提交内容,下面将介绍如何使用JavaScript实现表单数据的自定义...
    不喜欢(0) 点个赞(0)
    随时随地资讯查报价 就上ZOL手机客户端,点击或扫描二维码下载
    立即下载

    RSS Submit

    更新时间:2009年02月09日

    用户评分:10 | 1人点评

    软件类型:共享软件

    软件语言:英文

    RSS Submit