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

標籤：style   blog   http   io   ar   color   os   使用   sp   

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

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

1 window.location.href;

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

2、jquery擷取url參數比較複雜，要用到Regex，所以學好javascript正則式多麼重要的事情

首先看看單純的通過javascript是如何來擷取url中的某個參數

1 function getUrlParam(name)2 {3     var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //構造一個含有目標參數的Regex對象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‘);

 

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