使用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的基礎的window對象，并沒有用jquery的知識
2、jquery獲取url參數(shù)比較復雜，要用到正則表達式，所以學好javascript正則式多么重要的事情
首先看看單純的通過javascript是如何來獲取url中的某個參數(shù)
function getUrlParam(name)
{
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //構(gòu)造一個含有目標參數(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為
http://www.xxx.loc/admin/write-post.php?cid=79
我們要獲取cid的值，可以這樣寫：
getUrlParam('cid');
明白了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以及jquery獲取url參數(shù)的實現(xiàn)方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- JQuery將文本轉(zhuǎn)化成JSON對象需要注意的問題
- javascript中html字符串轉(zhuǎn)化為jquery dom對象的方法
- JQUERY 對象與DOM對象之兩者相互間的轉(zhuǎn)換
- jQuery對象與DOM對象之間的轉(zhuǎn)換方法
- jQuery如何將選中的對象轉(zhuǎn)化為原始的DOM對象
- jQuery對象和DOM對象相互轉(zhuǎn)化
- jQuery對象和DOM對象的相互轉(zhuǎn)化實現(xiàn)代碼
- JS對象轉(zhuǎn)換為Jquery對象實現(xiàn)代碼
- 使用jquery獲取url及url參數(shù)的簡單實例
- jQuery mobile轉(zhuǎn)換url地址及獲取url中目錄部分的方法
- jquery獲取url參數(shù)及url加參數(shù)的方法
- jQuery實現(xiàn)對象轉(zhuǎn)為url參數(shù)的方法
相關文章
jQuery實現(xiàn)表單動態(tài)添加與刪除數(shù)據(jù)操作示例
這篇文章主要介紹了jQuery實現(xiàn)表單動態(tài)添加與刪除數(shù)據(jù)操作,涉及jQuery事件響應及頁面元素動態(tài)操作相關實現(xiàn)技巧,需要的朋友可以參考下2018-07-07
將form表單通過ajax實現(xiàn)無刷新提交的簡單實例
下面小編就為大家?guī)硪黄獙orm表單通過ajax實現(xiàn)無刷新提交的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
本篇文章主要是對SinaEditor使用方法進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
這篇文章主要介紹了jquery獲取css的color值返回RGB的方法,涉及jQuery字符串正則運算與數(shù)值轉(zhuǎn)換的相關技巧,需要的朋友可以參考下2015-12-12
jquery選擇符快速提取web表單數(shù)據(jù)示例
遇到要重復多次同樣的事時，就想找一種省時省力的方法，下面就為大家介紹下利用jquery選擇符快速提取web表單數(shù)據(jù)2014-03-03
想要實現(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)開關燈效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
項目中應用jQuery解析讀取XML語言配置文件來實現(xiàn)語言的調(diào)度。這是jQuery解析讀取XML文件功能的測試源碼，現(xiàn)拿出來分享。2009-10-10
本篇文章主要是對jquery中$.post()方法的簡單實例進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02