首頁 > web前端 > html教學 > js取得url中參數名稱的實例教程

js取得url中參數名稱的實例教程

零下一度
發布: 2017-06-24 13:49:30
原創
1231 人瀏覽過
要撮利用js取得url中參數名稱也參數值這個不多見了,但我今天需要這樣操作,下面我來跟大家介紹一下具體的實例方法。
 


在已知參數名稱的情況下,取得參數值,使用正規表示式能很容易做到。


js的實作方法如下:

 程式碼如下

function getValue(url, name) {
 var reg = new RegExp('(\?|&)' + name + '=([^&?]*)', 'i') ;
 var arr = url.match(reg);

 if (arr) {
  return arr[2];
 }

# return null;
}

方法一:正規分析法

 

 程式碼如下

function getQueryString(name) {    
var reg = new RegExp("(^|&) " + name + "=([^&]*)(&|$)", "i");    
var r = window.location.search.substr(1).match(reg);    
# if (r != null) return unescape(r[2]); return null;    
}

這樣呼叫:

alert(GetQueryString("參數名稱1"));
alert(GetQueryString("參數名稱2"));
alert(GetQueryString("參數名稱3"));

#如果想取得所有的參數名稱和其對應的值,同樣也可以使用正規表示式的方法,


js實作方法:

 程式碼如下

function getKeyValue(url) {
 var result = {};
 var reg = new RegExp('( [\?|&])(.+?)=([^&?]*)', 'ig');
 var arr = reg.exec(url);

 while (arr ) {
  result[arr[2]] = arr[3];

  arr = reg.exec(url);
 }

# return result;
}

注意在js中用於匹配的還有一個叫match,match是字串的方法,而exec是RegExp物件的方法。使用字串的match方法,同時正規表示式指定為全域匹配,那麼正規表示式中的分組將沒有用,而傳回的結果是所有匹配正規表示式的子字串。 exec方法沒有使用全域匹配標誌時,返回的時間第一個匹配的子字符,如果使用了全域匹配標誌,第一次執行從頭開始匹配符號的字串,再次調用,就從上一次匹配結果後開始匹配。

下面提供php的實作方法:

 程式碼如下

function getKeyValue($url) {
 $result = array();
 $mr = preg_match_all('/(?|&)(.+?)=([^&?]*) /i', $url, $matchs);

 if ($mr !== FALSE) {
  for ($i = 0; $i < $mr; $i++) {
   $result[$matchs[2][$i]] = $matchs[3][$i];
  }
 }

 return $result;
}

php的preg_match_all方法把符合的結果存放在第三個指定的參數中,是一個二維陣列。第一維度是分組資訊的數組,即第一個數組存放的是所有匹配的完整字串,第二個數組存放的是第一個()對應的值得,第二個維度是分組的值。

以上是js取得url中參數名稱的實例教程的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板