javascript取得請求參數的方法:1、透過JavaScript取得瀏覽器的URL;2、透過Javascript取得url中的某個參數的值;3、為jQuery擴充一個方法來透過jquery取得url參數。
本文操作環境: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中文網其他相關文章!