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'});