html在线post提交,HTML 两种方法实现post

第一种提交post的方式是传统方式，判断浏览器进行post请求。

var postData = {

"name1": "value1",

"name2": "value2"};

postData = (function(obj){ // 转成post需要的字符串.

var str = "";

for(var prop in obj){

str += prop + "=" + obj[prop] + "&"

}

return str;

})(postData);

var xhr = new XMLHttpRequest();

xhr.open("POST", "../module", true);

xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");

xhr.onreadystatechange = function(){

var XMLHttpReq = xhr;

if (XMLHttpReq.readyState == 4&&XMLHttpReq.status == 200) {

var text = XMLHttpReq.responseText;

console.log(text);

}

};

xhr.send(postData);

第二种方式则是虚拟表单的形式提交post请求

function post(URL, PARAMS) {

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

temp.action = URL;

temp.method = "post";

temp.style.display = "none";

for (var x in PARAMS) {

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

opt.name = x;

opt.value = PARAMS[x];

// alert(opt.name)

temp.appendChild(opt);

}

document.body.appendChild(temp);

temp.submit();

return temp;

}

调用方法 如

post('pages/statisticsJsp/excel.action', {html :prnhtml,cm1:'sdsddsd',cm2:'haha'});