JS实现使用POST方式发送请求

发布时间: 2019-08-31 13:27:25 来源: 互联网 栏目: JavaScript 点击:

这篇文章主要为大家详细介绍了JS实现使用POST方式发送请求,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

window.location.href是我们常用来在js中实现页面跳转的方法,这是使用get方式发送请求,示例如下

window.location.href = url;

优点是简单易用,缺点是如果有参数的话,参数会暴露在url地址中,这降低了系统的安全性,也影响用户体验。下面我们来讲下如何通过POST请求实现页面跳转。

//发送POST请求跳转到指定页面
function httpPost(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];
    temp.appendChild(opt);
  }

  document.body.appendChild(temp);
  temp.submit();

  return temp;
}

上面这段代码就是通过虚拟表单的形式提交post请求,从而实现页面的跳转,示例如下

function toMonitorCompanyList(groupName,riskLevel,updateStatus,province,eventLevel,reportId,riskStatus){

  var params = {
    "groupName": encodeURIComponent(groupName),
    "riskLevel": riskLevel,
    "updateStatus": updateStatus,
    "province": encodeURIComponent(province),
    "eventLevel": eventLevel,
    "reportId": reportId,
    "riskStatus":riskStatus
  };

  httpPost(ctx + "/monitorCompany/toMonitorCompanyList", params);
}

使用POST方式发送请求可以传输的参数,在实际运用过程中可以根据具体的需求选择GET方式或POST方式发送请求。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

本文标题: JS实现使用POST方式发送请求
本文地址: http://www.shtuke.com/wangluo/javascript/271307.html

如果认为本文对您有所帮助请赞助本站

支付宝扫一扫赞助微信扫一扫赞助

  • 支付宝扫一扫赞助
  • 微信扫一扫赞助
  • 支付宝先领红包再赞助
    声明:凡注明"本站原创"的所有文字图片等资料,版权均属编程客栈所有,欢迎转载,但务请注明出处。
    node.js处理前端提交的GET请求微信小程序image图片加载完成监听
    Top 极速赛车APP下载 极速赛车手机官网 极速赛车APP下载 极速赛车APP 极速赛车双面盘 极速赛车APP下载 极速赛车APP下载 极速赛车手机版下载 极速赛车双面盘 极速赛车手机版下载