JS根據key值獲取URL中的參數值及把URL的參數轉換成json對象

2019-11-20 11:42:39

字體：大中小

來源：轉載

供稿：網友

不廢話了，直接貼代碼了，通過示例一講解JS根據key值獲取URL中的參數值及把URL的參數轉換成json對象，示例二講解js獲取url傳遞參數，具體內容請看下文

示例一：

//把url的參數部分轉化成json對象

 parseQueryString: function (url) {  var reg_url = /^[^/?]+/?([/w/W]+)$/,   reg_para = /([^&=]+)=([/w/W]*?)(&|$|#)/g,   arr_url = reg_url.exec(url),   ret = {};  if (arr_url && arr_url[1]) {   var str_para = arr_url[1], result;   while ((result = reg_para.exec(str_para)) != null) {    ret[result[1]] = result[2];   }  }  return ret; }

// 通過key獲取url中的參數值

 getQueryString: function (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; }

示例二：

js通過兩種方法獲取url傳遞參數：

js獲取url傳遞參數方法一：

這里是一個獲取URL帶QUESTRING參數的JAVASCRIPT客戶端解決方案，相當于asp的request.querystring，PHP的$_GET
函數:

<Script language="javascript">function GetRequest() {  var url = location.search; //獲取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?") != -1) {  var str = url.substr(1);  strs = str.split("&");  for(var i = 0; i < strs.length; i ++) {   theRequest[strs[i].split("=")[0]]=(strs[i].split("=")[1]);  } } return theRequest;}</Script>

然后我們通過調用此函數獲取對應參數值：

<Script language="javascript">var Request = new Object();Request = GetRequest();var 參數1,參數2,參數3,參數N;參數1 = Request[''參數1''];參數2 = Request[''參數2''];參數3 = Request[''參數3''];參數N = Request[''參數N''];</Script>

以此獲取url串中所帶的同名參數

js獲取url傳遞參數方法二正則分析法：

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

其他參數獲取介紹：

//設置或獲取對象指定的文件名或路徑。