怎么在JavaScript中利用POST方式發送請求

怎么在JavaScript中利用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方式發送請求。

看完上述內容，你們掌握怎么在JavaScript中利用POST方式發送請求的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！