## 1.通過(guò)function的方式
jquery獲取url參數(shù)比較復(fù)雜，要用到正則表達(dá)式，所以學(xué)好javascript正則式多么重要的事情，首先看看單純的通過(guò)javascript是如何來(lái)獲取url中的某個(gè)參數(shù)。
```
function getUrlParam(name) {
//構(gòu)造一個(gè)含有目標(biāo)參數(shù)的正則表達(dá)式對(duì)象
var reg = new RegExp("(^|&)" name "=([^&]*)(&|$)");
//匹配目標(biāo)參數(shù)
var r = window.location.search.substr(1).match(reg);
if (r != null) {
return unescape(r[2]);
} else {
//返回參數(shù)值
return "";
}
}
```
通過(guò)這個(gè)函數(shù)傳遞url中的參數(shù)名就可以獲取到參數(shù)的值。
```
getUrlParam(′cid′);
```
## 2.jQuery封裝的方式
明白了 Javascript 獲取 url 參數(shù)的方法，我們可以通過(guò)這個(gè)方法為 jQuery 擴(kuò)展一個(gè)方法來(lái)通過(guò) jQuery 獲取 url 參數(shù)，下面的代碼為 jQuery 擴(kuò)展了一個(gè) getUrlParam() 方法.
~~~
(function($){
$.getUrlParam = function(name){
var reg = new RegExp("(^|&)" name "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r!=null) return unescape(r[2]); return null;
}
})(jQuery);
~~~
為 jQuery 擴(kuò)展了這個(gè)方法了之后我們就可以通過(guò)如下方法來(lái)獲取某個(gè)參數(shù)的值了，代碼如下:
~~~
$.getUrlParam(′cid′);
~~~
NIUCLOUD是一款SaaS管理后臺(tái)框架多應(yīng)用插件+云編譯。上千名開(kāi)發(fā)者、服務(wù)商正在積極擁抱開(kāi)發(fā)者生態(tài)。歡迎開(kāi)發(fā)者們免費(fèi)入駐。一起助力發(fā)展！
![]()
廣告