在JavaScript中獲取請求的URL參數(shù)
更新時(shí)間：2010年12月22日 16:04:55 作者：
在ASP.NET后臺代碼中，對于這樣的URL請求地址：http://www.abc.com?id=001,我們可以通過Request.QueryString["id"]的方法很容易的獲取到URL中請求的參數(shù)的值，但是要在前臺js代碼中獲取請求的參數(shù)的值，應(yīng)該怎么做呢？
當(dāng)然我們可以在后臺中獲取參數(shù)的值，然后在前臺js代碼中獲取變量的值，具體做法請參考我的這篇文章:JavaScript獲取后臺C#變量以及調(diào)用后臺方法。
其實(shí)我們也可以直接在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)用上面的方法的時(shí)候，只要傳入?yún)?shù)的名稱，就可以獲取到你想要的參數(shù)的值了，如:getUrlParam("id")。
其實(shí)我們也可以直接在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)用上面的方法的時(shí)候，只要傳入?yún)?shù)的名稱，就可以獲取到你想要的參數(shù)的值了，如:getUrlParam("id")。
相關(guān)文章
javascript 三種數(shù)組復(fù)制方法的性能對比
javascript 三種數(shù)組復(fù)制方法的性能對比,對于webkit, 使用concat; 其他瀏覽器, 使用slice.2010-01-01
簡單獲取鍵盤的KeyCode...2006-09-09
JS 通過系統(tǒng)時(shí)間限定動(dòng)態(tài)添加 select option的實(shí)例代碼
這篇文章主要介紹了JS 通過系統(tǒng)時(shí)間限定 動(dòng)態(tài)添加 select option的實(shí)例代碼，非常不錯(cuò)具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06
這篇文章主要介紹了Javascript中的方法和匿名方法,以實(shí)例形式較為詳細(xì)的分析了javascript中方法及匿名方法的定義與使用技巧,需要的朋友可以參考下2015-06-06
盡管 JavaScript 歷史上使用冗長而令人生厭的代碼塊來標(biāo)的特定瀏覽器的時(shí)期已經(jīng)結(jié)束了，但是偶爾使用一些簡單的代碼塊和對象檢測來確保一些代碼在用戶機(jī)器上正常工作依然是必要的。2009-05-05
JavaScript面試開發(fā)常用的知識點(diǎn)總結(jié)
這篇文章主要為大家詳細(xì)總結(jié)了JavaScript面試開發(fā)常用的知識點(diǎn)，感興趣的小伙伴們可以參考一下2016-08-08
JavaScript常用進(jìn)制轉(zhuǎn)換及位運(yùn)算實(shí)例解析
這篇文章主要介紹了JavaScript常用進(jìn)制轉(zhuǎn)換及位運(yùn)算實(shí)例解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-10-10
這篇文章主要介紹了詳解JavaScript的變量和數(shù)據(jù)類型，需要的朋友可以參考下2015-11-11
javascript將DOM節(jié)點(diǎn)添加到文檔的方法實(shí)例分析
這篇文章主要介紹了javascript將DOM節(jié)點(diǎn)添加到文檔的方法,對比分析了javascript的兩種節(jié)點(diǎn)創(chuàng)建的方法,涉及javascript節(jié)點(diǎn)操作及運(yùn)行時(shí)間計(jì)算的相關(guān)技巧,需要的朋友可以參考下2015-08-08
JS判斷數(shù)組四種實(shí)現(xiàn)方法詳解
這篇文章主要介紹了JS判斷數(shù)組四種實(shí)現(xiàn)方法詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-06-06