jquery 獲取url 參數(shù)

1.通過FUNCTION的方式

創(chuàng)新互聯(lián)建站專注于名山網(wǎng)站建設服務及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供名山營銷型網(wǎng)站建設，名山網(wǎng)站制作、名山網(wǎng)頁設計、名山網(wǎng)站官網(wǎng)定制、小程序開發(fā)服務，打造名山網(wǎng)絡公司原創(chuàng)品牌,更為您提供名山網(wǎng)站排名全網(wǎng)營銷落地服務。

jquery獲取url參數(shù)比較復雜，要用到正則表達式，所以學好javascript正則式多么重要的事情，首先看看單純的通過javascript是如何來獲取url中的某個參數(shù)。

function getUrlParam(name) {

//構造一個含有目標參數(shù)的正則表達式對象

var reg = new RegExp("(^|)" name "=([^]*)(|$)");

//匹配目標參數(shù)

var r = window.location.search.substr(1).match(reg);

if (r != null) {

return unescape(r[2]);

} else {

//返回參數(shù)值

return "";

}}

通過這個函數(shù)傳遞url中的參數(shù)名就可以獲取到參數(shù)的值。

getUrlParam(′cid′);

2.JQUERY封裝的方式

明白了 Javascript 獲取 url 參數(shù)的方法，我們可以通過這個方法為 jQuery 擴展一個方法來通過 jQuery 獲取 url 參數(shù)，下面的代碼為 jQuery 擴展了一個 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 擴展了這個方法了之后我們就可以通過如下方法來獲取某個參數(shù)的值了，代碼如下:

$.getUrlParam(′cid′);

jQuery 獲取Url參數(shù)

/*--獲取網(wǎng)頁傳遞的參數(shù)--*/

function request(paras)

{

var url = location.href;

var paraString = url.substring(url.indexOf("?")+1,url.length).split("");

var paraObj = {}

for (i=0; j=paraString[i]; i++){

paraObj[j.substring(0,j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=")+1,j.length);

}

var returnValue = paraObj[paras.toLowerCase()];

if(typeof(returnValue)=="undefined"){

return "";

}else{

return returnValue;

}

}

調(diào)用這個 request就可以了，這里可以調(diào)用request("ID")

jquery怎么獲得url的get變量？

1、獲取到url地址

2、將url中？后的值以‘’分割成數(shù)組

3、再去遍歷，存儲其值

4、最后返回

//?jQuery?url?get?parameters?function?[獲取URL的GET參數(shù)值]

//?code

//?????var?GET?=?$.urlGet();?//獲取URL的Get參數(shù)

//?????var?id?=?GET['id'];?//取得id的值

//?/code

//??url?get?parameters

//??public

//??return?array()?

(function($)?{

$.extend({???????

urlGet:function()

{

var?aQuery?=?window.location.href.split("?");??//取得Get參數(shù)

var?aGET?=?new?Array();

if(aQuery.length??1)

{

var?aBuf?=?aQuery[1].split("");

for(var?i=0,?iLoop?=?aBuf.length;?iiLoop;?i++)

{

var?aTmp?=?aBuf[i].split("=");??//分離key與Value

aGET[aTmp[0]]?=?aTmp[1];

}

}

return?aGET;

}

})

})(jQuery);

有沒有開源方法能直接獲取url的參數(shù)值

使用jquery獲取url以及使用jquery獲取url參數(shù)是我們經(jīng)常要用到的操作

1、jquery獲取url很簡單，代碼如下：

window.location.href;

其實只是用到了javascript的基礎的window對象，并沒有用jquery的知識。

2、jquery獲取url參數(shù)比較復雜，要用到正則表達式，所以學好javascript正則式多么重要的事情

首先看看單純的通過javascript是如何來獲取url中的某個參數(shù)：

//獲取url中的參數(shù)

function getUrlParam(name) {

var reg = new RegExp("(^|)" + name + "=([^]*)(|$)"); //構造一個含有目標參數(shù)的正則表達式對象

var r = window.location.search.substr(1).match(reg); //匹配目標參數(shù)

if (r != null) return unescape(r[2]); return null; //返回參數(shù)值

}

通過這個函數(shù)傳遞url中的參數(shù)名就可以獲取到參數(shù)的值，比如url為

我們要獲取reurl的值，可以這樣寫：

var xx = getUrlParam('reurl');

明白了javascript獲取url參數(shù)的方法，我們可以通過這個方法為jquery擴展一個方法來通過jquery獲取url參數(shù)，下面的代碼為jquery擴展了一個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擴展了這個方法了之后我們就可以通過如下方法來獲取某個參數(shù)的值了：

var xx = $.getUrlParam('reurl');

完整代碼：

script src="js/jquery-1.7.2.min.js" type="text/javascript"/script

script type="text/javascript"

$(function () {

//方法二：

(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);

//方法二：

var xx = $.getUrlParam('reurl');

//方法一：

// var xx = getUrlParam('reurl');

alert(xx);

});

//方法一：

//獲取url中的參數(shù)

function getUrlParam(name) {

var reg = new RegExp("(^|)" + name + "=([^]*)(|$)"); //構造一個含有目標參數(shù)的正則表達式對象

var r = window.location.search.substr(1).match(reg); //匹配目標參數(shù)

if (r != null) return unescape(r[2]); return null; //返回參數(shù)值

}

/script