快捷導(dǎo)航

使用jquery獲取url以及jquery獲取url參數(shù)的實現(xiàn)方法

更新時間：2016年05月25日 16:14:57 投稿：jingxian

下面小編就為大家?guī)硪黄褂胘query獲取url以及jquery獲取url參數(shù)的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

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

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

window.location.href;

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

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

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

function getUrlParam(name)
{
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //構(gòu)造一個含有目標(biāo)參數(shù)的正則表達(dá)式對象
var r = window.location.search.substr(1).match(reg); //匹配目標(biāo)參數(shù)
if (r!=null) return unescape(r[2]); return null; //返回參數(shù)值
}

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

http://www.xxx.loc/admin/write-post.php?cid=79

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

getUrlParam('cid');

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

$.getUrlParam('cid');

以上這篇使用jquery獲取url以及jquery獲取url參數(shù)的實現(xiàn)方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

jQuery實現(xiàn)表單動態(tài)添加與刪除數(shù)據(jù)操作示例
這篇文章主要介紹了jQuery實現(xiàn)表單動態(tài)添加與刪除數(shù)據(jù)操作,涉及jQuery事件響應(yīng)及頁面元素動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下
2018-07-07
將form表單通過ajax實現(xiàn)無刷新提交的簡單實例
下面小編就為大家?guī)硪黄獙orm表單通過ajax實現(xiàn)無刷新提交的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-10-10
SinaEditor使用方法詳解
本篇文章主要是對SinaEditor使用方法進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2013-12-12
jquery獲取css的color值返回RGB的方法
這篇文章主要介紹了jquery獲取css的color值返回RGB的方法,涉及jQuery字符串正則運算與數(shù)值轉(zhuǎn)換的相關(guān)技巧,需要的朋友可以參考下
2015-12-12
jquery選擇符快速提取web表單數(shù)據(jù)示例
遇到要重復(fù)多次同樣的事時，就想找一種省時省力的方法，下面就為大家介紹下利用jquery選擇符快速提取web表單數(shù)據(jù)
2014-03-03
關(guān)于 jQuery Easyui異步加載tree的問題解析
想要實現(xiàn)從本地中加載json文件，通過事件來動態(tài)的插入到ul中時，遇到了一小bug,下面小編給大家解答下
2016-12-12
jQuery的Ajax接收java返回數(shù)據(jù)方法
今天小編就為大家分享一篇jQuery的Ajax接收java返回數(shù)據(jù)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-08-08
jQuery實現(xiàn)開關(guān)燈效果
這篇文章主要為大家詳細(xì)介紹了jQuery實現(xiàn)開關(guān)燈效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-08-08
jQuery 行級解析讀取XML文件（附源碼）
項目中應(yīng)用jQuery解析讀取XML語言配置文件來實現(xiàn)語言的調(diào)度。這是jQuery解析讀取XML文件功能的測試源碼，現(xiàn)拿出來分享。
2009-10-10
jquery中$.post()方法的簡單實例
本篇文章主要是對jquery中$.post()方法的簡單實例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-02-02