JS實現使用POST方式發送請求

這篇文章主要爲大家詳細介紹了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方式發送請求。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持神馬文庫。