JS實(shí)現(xiàn)使用POST方式發(fā)送請(qǐng)求

更新時(shí)間：2019年08月30日 17:14:43 作者：shiyonghm

這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)使用POST方式發(fā)送請(qǐng)求，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

window.location.href是我們常用來(lái)在js中實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的方法，這是使用get方式發(fā)送請(qǐng)求，示例如下

window.location.href = url;

優(yōu)點(diǎn)是簡(jiǎn)單易用，缺點(diǎn)是如果有參數(shù)的話，參數(shù)會(huì)暴露在url地址中，這降低了系統(tǒng)的安全性，也影響用戶體驗(yàn)。下面我們來(lái)講下如何通過(guò)POST請(qǐng)求實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)。

//發(fā)送POST請(qǐng)求跳轉(zhuǎn)到指定頁(yè)面
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;
}

上面這段代碼就是通過(guò)虛擬表單的形式提交post請(qǐng)求，從而實(shí)現(xiàn)頁(yè)面的跳轉(zhuǎn)，示例如下

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方式發(fā)送請(qǐng)求可以傳輸?shù)膮?shù)，在實(shí)際運(yùn)用過(guò)程中可以根據(jù)具體的需求選擇GET方式或POST方式發(fā)送請(qǐng)求。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

js實(shí)現(xiàn)各種復(fù)制到剪貼板的方法(分享)
下面小編就為大家?guī)?lái)一篇js實(shí)現(xiàn)各種復(fù)制到剪貼板的方法(分享)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-10-10
Bootstrap CDN和本地化環(huán)境搭建
這篇文章主要介紹了Bootstrap CDN和本地化環(huán)境搭建的方法，非常不錯(cuò)具有參考借鑒價(jià)值，感興趣的朋友跟著小編一起學(xué)習(xí)吧
2016-10-10
再談javascript原型繼承
Javascript原型繼承是一個(gè)被說(shuō)爛掉了的話題，但是自己對(duì)于這個(gè)問(wèn)題一直沒(méi)有徹底理解，今天花了點(diǎn)時(shí)間又看了一遍《Javascript模式》中關(guān)于原型實(shí)現(xiàn)繼承的幾種方法，下面來(lái)一一說(shuō)明下，在最后我根據(jù)自己的理解提出了一個(gè)關(guān)于繼承比較完整的實(shí)現(xiàn)。
2014-11-11
js實(shí)現(xiàn)簡(jiǎn)單的抽獎(jiǎng)系統(tǒng)
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)簡(jiǎn)單的抽獎(jiǎng)系統(tǒng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-03-03
為body標(biāo)簽和document.body都添加點(diǎn)擊事件后僅Firefox彈出了兩次
為body標(biāo)簽和document.body都添加點(diǎn)擊事件后僅Firefox彈出了兩次，需要的朋友可以參考下。
2011-04-04
JavaScript數(shù)組的使用詳解
這篇文章主要介紹了JavaScript數(shù)組的使用方法，數(shù)組（Array）是有序的元素序列。若將有限個(gè)類型相同的變量的集合命名，那么這個(gè)名稱為數(shù)組名，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2022-07-07
用js模仿word格式刷功能實(shí)現(xiàn)代碼 [推薦]
非常不錯(cuò)的模仿word格式刷實(shí)現(xiàn)代碼。推薦大家參考下思路。
2009-07-07
js數(shù)組中去除重復(fù)值的幾種方法
這篇文章主要介紹了js數(shù)組中去除重復(fù)值的幾種方法，文中講解非常細(xì)致，代碼幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下
2020-08-08
JavaScript將字符串轉(zhuǎn)換為整數(shù)的方法
這篇文章主要介紹了JavaScript將字符串轉(zhuǎn)換為整數(shù)的方法,涉及javascript中parseInt函數(shù)的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-04-04
JavaScript實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的5種方法總結(jié)
在前臺(tái)開(kāi)發(fā)中會(huì)涉及頁(yè)面跳轉(zhuǎn)的問(wèn)題,下面這篇文章主要給大家總結(jié)介紹了關(guān)于JavaScript實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的5種方法,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-12-12