使用javascript以post的方式向服务器提交数据
2016-02-25 15:30
661 查看
关于Get方式和Post方式提交数据的区别,这里就不多说了。这里主要介绍使用javascript以post的方式向服务器提交数据。
可能有人会说:“为什么要使用javascript来提交数据,而不是使用html中的表单来submit呢”?
这是因为使用form表单的方式进行提交的前提是:数据全部都放在表单内。但是通常情况下,需要提交的数据经常分散在网页的各个角落,这个时候用表单的方式进行提交就会有点麻烦了,于是使用javascript进行提交就有了用武之地。闲话不多说,先来看看javascript代码:
可能有人会说:“为什么要使用javascript来提交数据,而不是使用html中的表单来submit呢”?
这是因为使用form表单的方式进行提交的前提是:数据全部都放在表单内。但是通常情况下,需要提交的数据经常分散在网页的各个角落,这个时候用表单的方式进行提交就会有点麻烦了,于是使用javascript进行提交就有了用武之地。闲话不多说,先来看看javascript代码:
<script type="text/javascript"> function StandardPost (url,args) { var myForm = document.createElement("form"); myForm.method = "post"; myForm.action = url; for ( var k in args) { var myInput = document.createElement("input"); myInput.setAttribute("name", k); myInput.setAttribute("value", args[k]); myForm.appendChild(myInput); } document.body.appendChild(myForm); myForm.submit(); document.body.removeChild(myForm); } </script>这个里面url指的是数据提交的servlet对应的url,args指的是需要提交的参数。比如,我们可以以如下的方式对其进行调用:
<a href="javascript:StandardPost('TestPost.action',{'id':'1','name':'zhangsan'})">测试</a>假设TestPost.action对应的servlet为TestPostServlet,那么在TestPostServlet里面,通过req.getParameter("id")和req.getParameter("name“)便可以页面传递过来的值。
相关文章推荐
- JavaScript 打开子窗口
- jsoup基础
- dialog使用方法(同一页面,调用一个js代码,实现多个不同样式的弹窗)
- 深入分析 Javascript 单线程
- JavaScript小技巧
- Javascript中Element元素定位详解
- 减少js对性能的影响
- JS的 escape、encodeURI 、encodeURIComponent 编码与解码
- 在js中json遍历List<E>
- js点击弹框优酷视频
- javascript中的function(){}
- javascript动态获取登录时间和在线时长
- Json数据整理(org-Json + json-lib)
- 深度复制JavaScript对象
- js中关于事件捕获与事件冒泡的小实验
- javascript之点击按钮实现放大、缩小字体
- js 动态生成JSON
- javascript动态加载js文件
- jsp+ajax局部刷新校验验证码,onblur触发校验
- 13.5.2.javascript内存与性能与13.6事件模拟