首頁  >  文章  >  web前端  >  javascript怎麼取得請求參數

javascript怎麼取得請求參數

藏色散人
藏色散人原創
2021-06-21 11:26:0424257瀏覽

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn