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方式发送请求。

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