在JavaScript中獲取請求的URL參數(shù)
更新時間：2010年12月22日 16:04:55 作者：
在ASP.NET后臺代碼中，對于這樣的URL請求地址：http://www.abc.com?id=001,我們可以通過Request.QueryString["id"]的方法很容易的獲取到URL中請求的參數(shù)的值，但是要在前臺js代碼中獲取請求的參數(shù)的值，應該怎么做呢？
當然我們可以在后臺中獲取參數(shù)的值，然后在前臺js代碼中獲取變量的值，具體做法請參考我的這篇文章:JavaScript獲取后臺C#變量以及調(diào)用后臺方法。
其實我們也可以直接在js中獲取請求的參數(shù)的值，通過使用window.location.search可以獲取到當前URL的?號開始的字符串，如前面的鏈接獲取到的search為?id=001。再對獲取的字符串進行處理，就可以獲取到參數(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")。
其實我們也可以直接在js中獲取請求的參數(shù)的值，通過使用window.location.search可以獲取到當前URL的?號開始的字符串，如前面的鏈接獲取到的search為?id=001。再對獲取的字符串進行處理，就可以獲取到參數(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")。
相關文章
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)手寫簽名，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
很多同學知道怎么用這種匿名函數(shù)，卻或許并不明白為什么這樣寫就能夠調(diào)用匿名函數(shù)。也許知道后面的圓括號是執(zhí)行前面的函數(shù)，而并不清楚前面的圓括號具有何種含義！本文將帶你了解匿名函數(shù)的代碼模式原理。2010-03-03
這篇文章主要介紹了JavaScript Date對象功能與用法,結合實例形式總結分析了JavaScript Date對象基本功能、用法及操作注意事項,需要的朋友可以參考下2020-04-04
才發(fā)現(xiàn)的超鏈接js導致網(wǎng)頁中GIF動畫停止的解決方法
才發(fā)現(xiàn)的超鏈接js導致網(wǎng)頁中GIF動畫停止的解決方法...2007-11-11
JS判斷輸入的字符串是否是數(shù)字的方法(正則表達式)
下面小編就為大家?guī)硪黄狫S判斷輸入的字符串是否是數(shù)字的方法(正則表達式)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
JS事件循環(huán)-微任務-宏任務（原理講解+面試題分析）
這篇文章主要介紹了JS事件循環(huán)-微任務-宏任務的原理，本文章含有面試題分析，不管是面試者還是想要學習相關內(nèi)容的都可以很好的理解、掌握這部分內(nèi)容,需要的朋友可以參考下2023-01-01
window.location.href是前端開發(fā)中一個非常重要且常用的屬性,它為我們提供了獲取和操作頁面URL的便捷手段,本文主要介紹了js中window.location.href的用法大全,感興趣的可以2023-12-12
這篇文章主要介紹了js獲取及判斷鍵盤按鍵的方法,涉及JavaScript鍵盤事件的獲取及鍵值的判定技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-12-12
這幾個demo上星期平安夜做的，感覺效果不錯，就放在出來，分享給大家2012-01-01
這篇文章主要介紹了Js控制滑輪左右滑動實例,本文直接給出實現(xiàn)代碼,需要的朋友可以參考下2015-02-02