//??如果參數(shù)很多,不推薦你采用截取的方式?
創(chuàng)新互聯(lián)公司是一家專業(yè)提供銅山企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)、H5頁(yè)面制作、小程序制作等業(yè)務(wù)。10年已為銅山眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)絡(luò)公司優(yōu)惠進(jìn)行中。
//?給你個(gè)函數(shù),傳入?yún)?shù)名就可以獲取值了
//?tips:?我也是在網(wǎng)上找到的
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)用示例???:獲取?;action=zd?中的id值和action值
//?console.info(?[getUrlParam("id"),getUrlParam("action")?]?);
1、獲取到url地址
2、將url中?后的值以‘’分割成數(shù)組
3、再去遍歷,存儲(chǔ)其值
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);
1.通過FUNCTION的方式
jquery獲取url參數(shù)比較復(fù)雜,要用到正則表達(dá)式,所以學(xué)好javascript正則式多么重要的事情,首先看看單純的通過javascript是如何來獲取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 "";
}}
通過這個(gè)函數(shù)傳遞url中的參數(shù)名就可以獲取到參數(shù)的值。
getUrlParam(′cid′);
2.JQUERY封裝的方式
明白了 Javascript 獲取 url 參數(shù)的方法,我們可以通過這個(gè)方法為 jQuery 擴(kuò)展一個(gè)方法來通過 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è)方法了之后我們就可以通過如下方法來獲取某個(gè)參數(shù)的值了,代碼如下:
$.getUrlParam(′cid′);
使用jquery獲取url以及使用jquery獲取url參數(shù)是我們經(jīng)常要用到的操作
1、jquery獲取url很簡(jiǎn)單,代碼如下:
window.location.href;
其實(shí)只是用到了javascript的基礎(chǔ)的window對(duì)象,并沒有用jquery的知識(shí)。
2、jquery獲取url參數(shù)比較復(fù)雜,要用到正則表達(dá)式,所以學(xué)好javascript正則式多么重要的事情
首先看看單純的通過javascript是如何來獲取url中的某個(gè)參數(shù):
//獲取url中的參數(shù)
function getUrlParam(name) {
var reg = new RegExp("(^|)" + name + "=([^]*)(|$)"); //構(gòu)造一個(gè)含有目標(biāo)參數(shù)的正則表達(dá)式對(duì)象
var r = window.location.search.substr(1).match(reg); //匹配目標(biāo)參數(shù)
if (r != null) return unescape(r[2]); return null; //返回參數(shù)值
}
通過這個(gè)函數(shù)傳遞url中的參數(shù)名就可以獲取到參數(shù)的值,比如url為
我們要獲取reurl的值,可以這樣寫:
var xx = getUrlParam('reurl');
明白了javascript獲取url參數(shù)的方法,我們可以通過這個(gè)方法為jquery擴(kuò)展一個(gè)方法來通過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è)方法了之后我們就可以通過如下方法來獲取某個(gè)參數(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 + "=([^]*)(|$)"); //構(gòu)造一個(gè)含有目標(biāo)參數(shù)的正則表達(dá)式對(duì)象
var r = window.location.search.substr(1).match(reg); //匹配目標(biāo)參數(shù)
if (r != null) return unescape(r[2]); return null; //返回參數(shù)值
}
/script
/*--獲取網(wǎng)頁(yè)傳遞的參數(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)用這個(gè) request就可以了,這里可以調(diào)用request("ID")
文章名稱:jquery取url參數(shù),js獲取url參數(shù)值的兩種方式
標(biāo)題來源:http://aaarwkj.com/article30/dssjgpo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站改版、服務(wù)器托管、動(dòng)態(tài)網(wǎng)站、定制網(wǎng)站、響應(yīng)式網(wǎng)站、企業(yè)網(wǎng)站制作
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)