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