在JavaScript中獲取請求的URL參數(shù)[正則]
更新時間：2010年12月25日 23:24:06 作者：
在ASP.NET后臺代碼中，對于這樣的URL請求地址：http://www.abc.com?id=001,我們可以通過Request.QueryString["id"]的方法很容易的獲取到URL中請求的參數(shù)的值，但是要在前臺js代碼中獲取請求的參數(shù)的值，應(yīng)該怎么做呢？
第一種方法：，代碼比較專業(yè) 推薦
<script>
function GetLocationParam(param){
var request = {
QueryString : function(val) {
var uri = window.location.search;
var re = new RegExp("" +val+ "=([^&?]*)", "ig");
return ((uri.match(re))?(decodeURI(uri.match(re)[0].substr(val.length+1))):'');
}
}
return request.QueryString(param);
}
var uid=GetLocationParam("uid");
</script>
第二種方法：
當(dāng)然我們可以在后臺中獲取參數(shù)的值，然后在前臺js代碼中獲取變量的值，具體做法請參考我的這篇文章:JavaScript獲取后臺C#變量以及調(diào)用后臺方法。
其實我們也可以直接在js中獲取請求的參數(shù)的值，通過使用window.location.search可以獲取到當(dāng)前URL的?號開始的字符串，如前面的鏈接獲取到的search為?id=001。再對獲取的字符串進(jìn)行處理，就可以獲取到參數(shù)的值了。
function getUrlParam(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null)
return unescape(r[2]);
return null;
}
在調(diào)用上面的方法的時候，只要傳入?yún)?shù)的名稱，就可以獲取到你想要的參數(shù)的值了，如:getUrlParam("id")。
復(fù)制代碼 代碼如下:
<script>
function GetLocationParam(param){
var request = {
QueryString : function(val) {
var uri = window.location.search;
var re = new RegExp("" +val+ "=([^&?]*)", "ig");
return ((uri.match(re))?(decodeURI(uri.match(re)[0].substr(val.length+1))):'');
}
}
return request.QueryString(param);
}
var uid=GetLocationParam("uid");
</script>
第二種方法：
當(dāng)然我們可以在后臺中獲取參數(shù)的值，然后在前臺js代碼中獲取變量的值，具體做法請參考我的這篇文章:JavaScript獲取后臺C#變量以及調(diào)用后臺方法。
其實我們也可以直接在js中獲取請求的參數(shù)的值，通過使用window.location.search可以獲取到當(dāng)前URL的?號開始的字符串，如前面的鏈接獲取到的search為?id=001。再對獲取的字符串進(jìn)行處理，就可以獲取到參數(shù)的值了。
復(fù)制代碼 代碼如下:
function getUrlParam(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null)
return unescape(r[2]);
return null;
}
在調(diào)用上面的方法的時候，只要傳入?yún)?shù)的名稱，就可以獲取到你想要的參數(shù)的值了，如:getUrlParam("id")。
您可能感興趣的文章:
- JavaScript正則替換HTML標(biāo)簽功能示例
- php正則去除網(wǎng)頁中所有的html,js,css,注釋的實現(xiàn)方法
- Java/Js下使用正則表達(dá)式匹配嵌套Html標(biāo)簽
- javascript下一個還原h(huán)tml代碼的正則
- JS正則表達(dá)式獲取字符串中特定字符的方法
- javascript 獲取url參數(shù)的正則表達(dá)式(用來獲取某個參數(shù)值)
- Javascript 獲取鏈接(url)參數(shù)的方法[正則與截取字符串]
- node.js正則表達(dá)式獲取網(wǎng)頁中所有鏈接的代碼實例
- JS獲取網(wǎng)址中指定值的正則函數(shù)
- JavaScript中使用正則匹配多條，且獲取每條中的分組數(shù)據(jù)
- javascript 獲取鏈接文件地址中第一個斜線內(nèi)的正則表達(dá)式
- javascript使用正則獲取url上的某個參數(shù)
- JS正則獲取HTML元素的方法
相關(guān)文章
今天是相當(dāng)?shù)睦?，所以就點比較容易點的東西吧，講關(guān)于鼠標(biāo)移動后出現(xiàn)提示信息的js代碼。能力有限，寫得不好盡管提出來。2010-01-01
這篇文章主要介紹了Javascript發(fā)送AJAX請求的實例代碼，非常不錯，具有參考借鑒價值,需要的朋友可以參考下2016-08-08
本文給大家總結(jié)了一下使用javascript來獲取服務(wù)器時間的幾種方法和思路，十分的簡單明了，有需要的小伙伴可以參考下2015-05-05
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)彈窗猜數(shù)字游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
數(shù)組去重在面試和工作中都是比較容易見到的問題。這篇文章主要是來測試多個方法，對下面這個數(shù)組的去重結(jié)果進(jìn)行分析討論，需要的可以參考一下2022-07-07
一個小項目中用到，奉命進(jìn)行修改，定位到2009-03-03
優(yōu)雅的使用javascript遞歸畫一棵結(jié)構(gòu)樹示例代碼
這篇文章主要給大家介紹了關(guān)于如何優(yōu)雅的使用javascript遞歸畫一棵結(jié)構(gòu)樹的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用javascript具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
基于JavaScript實現(xiàn)本地圖片預(yù)覽
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實現(xiàn)本地圖片預(yù)覽的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
一款用JavaScript模仿3D立體切換效果的js焦點幻燈片特效，使用方法很簡單：用鼠標(biāo)拖拽圖片向左右方向就好～2015-10-10
select標(biāo)簽設(shè)置默認(rèn)選中的選項方法
下面小編就為大家分享一篇select標(biāo)簽設(shè)置默認(rèn)選中的選項方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03