使用jquery獲取url以及jquery獲取url參數的方法


 使用jquery獲取url以及使用jquery獲取url參數是我們經常要用到的操作

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

1.window.location.href;

其實只是用到了javascript的基礎的window對象,並沒有用jquery的知識

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

首先看看單純的通過javascript是如何來獲取url中的某個參數
1.function getUrlParam(name)
2.{
3.var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //構造一個含有目標參數的正則表達式對象
4.var r = window.location.search.substr(1).match(reg);  //匹配目標參數
5.if (r!=null) return unescape(r[2]); return null; //返回參數值
6.} 
通過這個函數傳遞url中的參數名就可以獲取到參數的值,比如url為
http://www.xxx.loc/admin/write-post.php?cid=79
我們要獲取cid的值,可以這樣寫:
1.getUrlParam('cid');

明白了javascript獲取url參數的方法,我們可以通過這個方法為jquery擴展一個方法來通過jquery獲取url參數,下面的代碼為jquery擴展了一個getUrlParam()方法

1.(function($){
2.$.getUrlParam = function(name)
3.{
4.var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
5.var r = window.location.search.substr(1).match(reg);
6.if (r!=null) return unescape(r[2]); return null;
7.}
8.})(jQuery);

為jquery擴展了這個方法了之后我們就可以通過如下方法來獲取某個參數的值了
1.$.getUrlParam('cid');

 

打賞

免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2022 CODEPRJ.COM