利用JavaScript模拟表单进行Post以及Get提交的方法

            postForm : function(url, params) {
    
    
                var temp = document.createElement("form"); //创建form表单
                temp.action = url;
                temp.target = "_self";
                temp.method = "post";
                temp.style.display = "none";//表单样式为隐藏
                for (var item in params) {
    
    //初始化表单内部的控件
                    //根据实际情况创建不同的标签元素
                    var opt =document.createElement("input");  //添加input标签
                    opt.type="text";   //类型为text
                    opt.id = item;      //设置id属性
                    opt.name = item;    //设置name属性
                    opt.value = params[item];   //设置value属性
                    temp.appendChild(opt);
                }
                document.body.appendChild(temp);
                temp.submit();
                temp.parentNode.removeChild(temp);
                return temp;
            }
            ,getForm : function(url, params) {
    
    
                var temp = document.createElement("form"); //创建form表单
                temp.action = url;
                temp.target = "_self";
                temp.method = "get";
                temp.style.display = "none";//表单样式为隐藏
                for (var item in params) {
    
    //初始化表单内部的控件
                    //根据实际情况创建不同的标签元素
                    var opt =document.createElement("input");  //添加input标签
                    opt.type="text";   //类型为text
                    opt.id = item;      //设置id属性
                    opt.name = item;    //设置name属性
                    opt.value = params[item];   //设置value属性
                    temp.appendChild(opt);
                }
                document.body.appendChild(temp);
                temp.submit();
                temp.parentNode.removeChild(temp);
                return temp;
            }

猜你喜欢

转载自blog.csdn.net/ding43930053/article/details/120172658