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)文章
這篇文章主要為大家詳細(xì)介紹了JavaScript模仿騰訊QQ的web登陸界面，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08
微信小程序navigator跳轉(zhuǎn)及參數(shù)傳遞的方法
這篇文章主要介紹了微信小程序navigator跳轉(zhuǎn)及參數(shù)傳遞,在navigator中添加需要跳轉(zhuǎn)的路徑,如果需要帶參,則在路徑后面添加所要傳遞的參數(shù)以及值,需要的朋友可以參考下2023-11-11
BootstrapValidator不觸發(fā)校驗(yàn)的實(shí)現(xiàn)代碼
BootstrapValidator是基于bootstrap3的jquery表單驗(yàn)證插件，是最適合bootstrap框架的表單驗(yàn)證插件，本文給大家介紹BootstrapValidator不觸發(fā)校驗(yàn)的實(shí)現(xiàn)代碼，感興趣的朋友一起看看吧2016-09-09
原生js實(shí)現(xiàn)autocomplete插件
這篇文章主要介紹了原生js實(shí)現(xiàn)autocomplete插件的相關(guān)資料,需要的朋友可以參考下2016-04-04
js獲取元素的偏移量offset簡(jiǎn)單方法(必看)
下面小編就為大家?guī)?lái)一篇js獲取元素的偏移量offset簡(jiǎn)單方法(必看)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
javascript中的緩動(dòng)效果實(shí)現(xiàn)程序
javascript中的緩動(dòng)效果可以應(yīng)用于很多地方，比如距離位移上的變化：圖片的滾動(dòng)、焦點(diǎn)圖的輪轉(zhuǎn)切換，透明度上的變化：漸隱漸現(xiàn)。凡是存在運(yùn)動(dòng)的狀態(tài)都適用，下面以最基本的塊在容器內(nèi)從左到右滑動(dòng)為例，講下幾種不同的緩動(dòng)處理方式2012-12-12
ionic2 tabs 圖標(biāo)自定義實(shí)例
這篇文章主要介紹了ionic2 tabs 圖標(biāo)自定義,需要的朋友可以參考下2017-03-03
代碼重構(gòu)涉及在不改變其外部功能的情況下對(duì)現(xiàn)有代碼進(jìn)行改進(jìn)，這是編程的核心部分之一，所以下面我們將研究一些技巧，這些技巧可以幫助我們以更好的方式重構(gòu)代碼，希望對(duì)大家有所幫助2023-06-06
這篇文章主要介紹了javascript限制文本框輸入值類型的方法,涉及javascript鼠標(biāo)事件、鍵盤按鍵及字符串的相關(guān)操作技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-05-05
canvas有一個(gè)神奇的方法getImageData，它可以獲取canvas內(nèi)圖像的每一個(gè)像素點(diǎn)的顏色值獲取，而且可以改變。本文將對(duì)canvas實(shí)現(xiàn)圖片的濾鏡轉(zhuǎn)化的方法進(jìn)行介紹，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02