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

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

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

使用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ù)

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為

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

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

getUrlParam('cid');

明白了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ù)的實(shí)現(xiàn)方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

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