您的位置:首页 > Web前端 > JavaScript

使用javascript以post的方式向服务器提交数据

2016-02-25 15:30 661 查看
关于Get方式和Post方式提交数据的区别,这里就不多说了。这里主要介绍使用javascript以post的方式向服务器提交数据。

可能有人会说:“为什么要使用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“)便可以页面传递过来的值。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: