js 模拟表单post方式提交

来源:互联网 发布:百度网盘旧版 mac 编辑:程序博客网 时间:2024/05/21 06:33

下面是用js动态创建form然后进行post提交的方式,参数url是表单提交的去向,参数params是给去向传递的参数(JSON结构),参数target设置何处打开链接文档(可选)

[javascript] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. function postcall( url, params, target){  
  2.     var tempform = document.createElement("form");  
  3.     tempform.action = url;  
  4.     tempform.method = "post";  
  5.     tempform.style.display="none"  
  6.     if(target) {  
  7.         tempform.target = target;  
  8.     }  
  9.   
  10.     for (var x in params) {  
  11.         var opt = document.createElement("input");  
  12.         opt.name = x;  
  13.         opt.value = params[x];  
  14.         tempform.appendChild(opt);  
  15.     }  
  16.   
  17.     var opt = document.createElement("input");  
  18.     opt.type = "submit";  
  19.     tempform.appendChild(opt);  
  20.     document.body.appendChild(tempform);  
  21.     tempform.submit();  
  22.     document.body.removeChild(tempform);  
  23. }  

注意:即使js给form对象提供了submit()方法,那也不意为表单中可以不写提交按钮这个元素,即form表单依然需要五脏俱全才可以使用js的submit()方法进行提交。

调用方式:

[javascript] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. postcall( 'newAnime', {page_num:1,page_size:10});  
  2. 或 添加链接打开方式:  
  3. postcall( 'newAnime', {page_num:1,page_size:10}, '_blank');  
原创粉丝点击