前端之使用 POST 提交数据并跳转

GET 方式

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

var params = {
  "aValue": 'a',
  "bValue": 'b',
};
 
httpPost("/nexturl", params);