javascript怎麼取得請求參數

藏色散人
發布: 2021-06-21 11:26:04
原創
24172 人瀏覽過

javascript取得請求參數的方法:1、透過JavaScript取得瀏覽器的URL;2、透過Javascript取得url中的某個參數的值;3、為jQuery擴充一個方法來透過jquery取得url參數。

javascript怎麼取得請求參數

本文操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

javascript怎麼取得請求參數?

JavaScript取得get方式的請求參數值

1、透過JavaScript取得瀏覽器的URL的實作

window.location.href
登入後複製

其實只是用到了JavaScript的基礎的window對象。

2、透過Javascript取得url中的某個參數的值,

function getUrlParam(name) { //构造一个含有目标参数的正则表达式对象 var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //匹配目标参数 var r = window.location.search.substr(1).match(reg); //返回参数值 if(r != null) { return decodeURI(r[2]); } return null; }
登入後複製

透過這個函數傳遞url中的參數名稱就可以取得到參數的值,例如url為

http://127.0.0.1:8020/JavaScriptFunction/index.html?bb=1&aa='张三'
登入後複製

我們要取得bb和aa的值,可以這樣寫:

var bb = getUrlParam('bb'); var aa = getUrlParam('aa')
登入後複製

3、我們可以透過這個方法為jQuery擴展一個方法來透過jquery取得url參數,下面的程式碼為jquery擴充了一個getUrlParam()方法

(function($) { $.getUrlParam = function(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r != null) return decodeURI(r[2]); return null; } })(jQuery);
登入後複製

4、關於獲取到的參數,防止中文亂碼的問題

在傳遞參數時,發現對漢字編碼使用的是encodeURI ,所以上面的方法在解析參數編碼時使用decodeURI 就確保Javascript對參數編碼解碼方法一致,就可以防止中文亂碼了。

在JavaScript中,常用的編碼和解碼的函數有下面兩種,

encodeURI() decodeURI() encodeURIComponent() decodeURIComponent()
登入後複製

【推薦學習:javascript進階教學

#

以上是javascript怎麼取得請求參數的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!