JS解析url查詢(xún)參數(shù)的示例分析

這篇文章主要介紹了JS解析url查詢(xún)參數(shù)的示例分析，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

具體代碼如下所述：

var path = 'www.u.com/home?id=2&type=0&dtype=-1';
function parseUrl(url){
  var result = [];
  var query = url.split("?")[1];
  var queryArr = query.split("&");
  queryArr.forEach(function(item){
    var obj = {};
    var value = item.split("=")[0];
    var key = item.split("=")[1];
    obj[key] = value;
    result.push(obj);
  });
  return result;
}
console.log(parseUrl(path)); 
//[{id: '2'},{type: '0'},{dtype: '-1'}]

好了，下面看下js獲取url參數(shù)值的兩種方式

方法一：正則分析法

代碼如下:

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; 
}

調(diào)用方法：

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

方法二

代碼如下:

<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]]=unescape(strs[i].split("=")[1]); 
} 
} 
return theRequest; 
} 
</Script>

調(diào)用方法：

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

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“JS解析url查詢(xún)參數(shù)的示例分析”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!