Jquery 獲取URL參數

使用jquery獲取url以及使用jquery獲取url參數是咱們常常要用到的操做javascript

一、jquery獲取url很簡單，代碼以下php

 
   1. 
   window.location.href;

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

二、jquery獲取url參數比較複雜，要用到正則表達式，因此學好javascript正則式多麼重要的事情jquery

首先看看單純的經過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()方法post

 
   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擴展了這個方法了以後咱們就能夠經過以下方法來獲取某個參數的值了url

 
   1. 
   $.getUrlParam('cid');