Javascript中实现post方式传递提交数据
来源：自学PHP网
时间：2014-09-19 14:47 作者：
阅读:次
[导读] jspost提交数据其实很简单我们只要利用js创建一个表单，然后设置form的method为post就可以了，下面整理了两个实例，希望对各位有帮助...
|
例1
| 代码如下 |
复制代码 |
|
var myForm = document.createElement("form");
myForm.method="get" ;
myForm.action = "line_ticket.aspx" ;
var myInput = document.createElement("input") ;
myInput.setAttribute("name", "id") ;
myInput.setAttribute("value", idStr);
myForm.appendChild(myInput) ;
var myInput2 = document.createElement("input") ;
myInput2.setAttribute("name", "fid") ;
myInput2.setAttribute("value", fid);
myForm.appendChild(myInput2) ;
var myInput3 = document.createElement("input") ;
myInput3.setAttribute("name", "unlock") ;
myInput3.setAttribute("value", unlock);
myForm.appendChild(myInput3) ;
var myInput4 = document.createElement("input") ;
myInput4.setAttribute("name", "Option") ;
myInput4.setAttribute("value", "del");
myForm.appendChild(myInput4) ;
document.body.appendChild(myForm) ;
myForm.submit() ;
document.body.removeChild(myForm) ;
|
例2
| 代码如下 |
复制代码 |
<script type="text/javascript">
function postwith(to, p) {
var myForm = document.create_r_r_rElement_x("form");
myForm.method = "post";
myForm.action = to;
for ( var k in p) {
var myInput = document.create_r_r_rElement_x("input");
myInput.setAttribute("name", k);
myInput.setAttribute("value", p[k]);
myForm.a(myInput);
}
document.body.a(myForm);
myForm.submit();
document.body.removeChild(myForm);
}
</script>
|
超链接的代码：
| 代码如下 |
复制代码 |
<a href="javascript:postwith('datatest.action',{'currentPage':'2','xisuo':'计算机'})">use js to post</a>
|
点击超链接后可以将currentPage、xisuo的值以post的形式发送到datatest.action进行处理，特别是在处理多个参数的时候显得非常方便 |
