js模拟表单post方式提交

js模拟表单post方式提交

1.1概述
        用js动态创建form相关元素,然后进行post提交,提交后将创建的form相关元素删除掉即可。
1.2实例
function postCall( url, params, target){  
    //创建form元素并设置其相关属性。参数url:表单提交去向;参数target:链接打开方式。
    var tempForm = document.createElement("form");  
    tempForm.action = url;  
    tempForm.method = "post";  
    tempForm.style.display="none"  
    if(target) { tempForm .target = target;  }  
    //创建input元素并设置提交的数据。参数params:提交的数据(JSON结构)。
    for (var x in params) {  
        var ipt = document.createElement("input");  
        ipt.name = x;  
        ipt.value = params[x];  
        tempForm.appendChild(ipt);  
    }  
    //创建提交按钮元素
    var ipt = document.createElement("input");  
    ipt.type = "submit";  
    tempForm.appendChild(ipt);  
    //创建->提交->删除
    document.body.appendChild(tempForm);  
    tempForm.submit();  
    document.body.removeChild(tempForm);  
}  
调用:
postcall( 'newAnime', {page_num:1,page_size:10});  
或者:  
postcall( 'newAnime', {page_num:1,page_size:10}, '_blank');  

猜你喜欢

转载自wsj123.iteye.com/blog/2397995