JS实现使用POST方式发送请求
window.location.href是我们常用来在js中实现页面跳转的方法,这是使用get方式发送请求,示例如下
window.location.href=url;
优点是简单易用,缺点是如果有参数的话,参数会暴露在url地址中,这降低了系统的安全性,也影响用户体验。下面我们来讲下如何通过POST请求实现页面跳转。
//发送POST请求跳转到指定页面
functionhttpPost(URL,PARAMS){
vartemp=document.createElement("form");
temp.action=URL;
temp.method="post";
temp.style.display="none";
for(varxinPARAMS){
varopt=document.createElement("textarea");
opt.name=x;
opt.value=PARAMS[x];
temp.appendChild(opt);
}
document.body.appendChild(temp);
temp.submit();
returntemp;
}
上面这段代码就是通过虚拟表单的形式提交post请求,从而实现页面的跳转,示例如下
functiontoMonitorCompanyList(groupName,riskLevel,updateStatus,province,eventLevel,reportId,riskStatus){
varparams={
"groupName":encodeURIComponent(groupName),
"riskLevel":riskLevel,
"updateStatus":updateStatus,
"province":encodeURIComponent(province),
"eventLevel":eventLevel,
"reportId":reportId,
"riskStatus":riskStatus
};
httpPost(ctx+"/monitorCompany/toMonitorCompanyList",params);
}
使用POST方式发送请求可以传输的参数,在实际运用过程中可以根据具体的需求选择GET方式或POST方式发送请求。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。
热门推荐
6 保研的祝福语简短
10 年轻20岁祝福语简短
11 朋友结婚祝福语信息简短
12 女孩婚礼贺卡祝福语简短
13 30段点歌简短祝福语
14 虎年春节祝福语图文简短
15 写给后妈祝福语大全简短
16 简短回复生日祝福语
17 校长送毕业祝福语简短
18 毕业立体贺卡祝福语简短