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

js 模拟表单post方式提交

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

[javascript] view
plain copy

 





function postcall( url, params, target){  

    var tempform = document.createElement("form");  

    tempform.action = url;  

    tempform.method = "post";  

    tempform.style.display="none"  

    if(target) {  

        tempform.target = target;  

    }  

  

    for (var x in params) {  

        var opt = document.createElement("input");  

        opt.name = x;  

        opt.value = params[x];  

        tempform.appendChild(opt);  

    }  

  

    var opt = document.createElement("input");  

    opt.type = "submit";  

    tempform.appendChild(opt);  

    document.body.appendChild(tempform);  

    tempform.submit();  

    document.body.removeChild(tempform);  

}  

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

调用方式:

[javascript] view
plain copy

 





postcall( 'newAnime', {page_num:1,page_size:10});  

或 添加链接打开方式:  

postcall( 'newAnime', {page_num:1,page_size:10}, '_blank');
 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  js form表单 模拟 提交