欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間：2019年08月30日 17:14:43   作者：shiyonghm  
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)使用POST方式發(fā)送請求，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

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

window.location.href = url;

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

//發(fā)送POST請求跳轉(zhuǎn)到指定頁面
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請求，從而實(shí)現(xiàn)頁面的跳轉(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ā)送請求可以傳輸?shù)膮?shù)，在實(shí)際運(yùn)用過程中可以根據(jù)具體的需求選擇GET方式或POST方式發(fā)送請求。

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

相關(guān)文章

  • js仿騰訊QQ的web登陸界面

    js仿騰訊QQ的web登陸界面

    這篇文章主要為大家詳細(xì)介紹了JavaScript模仿騰訊QQ的web登陸界面，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2016-08-08
  • 微信小程序navigator跳轉(zhuǎn)及參數(shù)傳遞的方法

    微信小程序navigator跳轉(zhuǎn)及參數(shù)傳遞的方法

    這篇文章主要介紹了微信小程序navigator跳轉(zhuǎn)及參數(shù)傳遞,在navigator中添加需要跳轉(zhuǎn)的路徑,如果需要帶參,則在路徑后面添加所要傳遞的參數(shù)以及值,需要的朋友可以參考下
    2023-11-11
  • BootstrapValidator不觸發(fā)校驗(yàn)的實(shí)現(xiàn)代碼

    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插件

    這篇文章主要介紹了原生js實(shí)現(xiàn)autocomplete插件的相關(guān)資料,需要的朋友可以參考下
    2016-04-04
  • js獲取元素的偏移量offset簡單方法(必看)

    js獲取元素的偏移量offset簡單方法(必看)

    下面小編就為大家?guī)硪黄猨s獲取元素的偏移量offset簡單方法(必看)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-07-07
  • javascript中的緩動效果實(shí)現(xiàn)程序

    javascript中的緩動效果實(shí)現(xiàn)程序

    javascript中的緩動效果可以應(yīng)用于很多地方，比如距離位移上的變化：圖片的滾動、焦點(diǎn)圖的輪轉(zhuǎn)切換，透明度上的變化：漸隱漸現(xiàn)。凡是存在運(yùn)動的狀態(tài)都適用，下面以最基本的塊在容器內(nèi)從左到右滑動為例，講下幾種不同的緩動處理方式
    2012-12-12
  • ionic2 tabs 圖標(biāo)自定義實(shí)例

    ionic2 tabs 圖標(biāo)自定義實(shí)例

    這篇文章主要介紹了ionic2 tabs 圖標(biāo)自定義,需要的朋友可以參考下
    2017-03-03
  • JS中可以改善代碼的5種重構(gòu)技術(shù)分享

    JS中可以改善代碼的5種重構(gòu)技術(shù)分享

    代碼重構(gòu)涉及在不改變其外部功能的情況下對現(xiàn)有代碼進(jìn)行改進(jìn)，這是編程的核心部分之一，所以下面我們將研究一些技巧，這些技巧可以幫助我們以更好的方式重構(gòu)代碼，希望對大家有所幫助
    2023-06-06
  • javascript限制文本框輸入值類型的方法

    javascript限制文本框輸入值類型的方法

    這篇文章主要介紹了javascript限制文本框輸入值類型的方法,涉及javascript鼠標(biāo)事件、鍵盤按鍵及字符串的相關(guān)操作技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
    2015-05-05
  • canvas的神奇用法

    canvas的神奇用法

    canvas有一個(gè)神奇的方法getImageData，它可以獲取canvas內(nèi)圖像的每一個(gè)像素點(diǎn)的顏色值獲取，而且可以改變。本文將對canvas實(shí)現(xiàn)圖片的濾鏡轉(zhuǎn)化的方法進(jìn)行介紹，具有很好的參考價(jià)值，下面跟著小編一起來看下吧
    2017-02-02

最新評論