本篇内容主要讲解“html如何写post请求”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“html如何写post请求”吧!
1.为什么要用post请求？
因为在我们使用post请求的时候用户在涉及有关于密码和隐私的内容时，不会在地址栏上面看到我们的内容起到了保护作用，所以这就是为什么要使用post请求的原因。
2.方法一：
我们通过使用传统的方式来对浏览器进行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);
3.方法二：
采用虚拟表单进行提交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'});
到此，相信大家对“html如何写post请求”有了更深的了解，不妨来实际操作一番吧！这里是云搜网网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
