JS解析url查詢參數(shù)的簡單代碼
更新時(shí)間:2017年08月06日 14:42:05 投稿:mrr
本文通過簡單代碼給大家介紹了js解析url查詢參數(shù)的方法,然后在文章下面給大家介紹了js獲取url參數(shù)值的兩種方式 ,非常不錯(cuò),具有參考借鑒價(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>
好了,到此結(jié)束。
相關(guān)文章
移動(dòng)端翻頁插件dropload.js(支持Zepto和jQuery)
這篇文章主要為大家詳細(xì)介紹了移動(dòng)端翻頁插件dropload.js,支持Zepto和jQuery,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-07-07JavaScript Event學(xué)習(xí)第五章 高級事件注冊模型
在這一章我會(huì)講解兩種高級時(shí)間注冊模型:W3C和微軟的。因?yàn)檫@兩個(gè)方法都不能跨瀏覽器,所以在現(xiàn)在看來他們的使用場合并不多。2010-02-02javascript 原型與原型鏈的理解及應(yīng)用實(shí)例分析
這篇文章主要介紹了javascript 原型與原型鏈的理解及應(yīng)用,結(jié)合實(shí)例形式分析了javascript原型與原型鏈的具體原理、功能、使用方法及操作注意事項(xiàng),需要的朋友可以參考下2020-02-02js下通過getList函數(shù)實(shí)現(xiàn)分頁效果的代碼
js下通過getList函數(shù)實(shí)現(xiàn)分頁效果的代碼,需要通過js分頁的朋友可以參考下。2010-09-09關(guān)于js二維數(shù)組和多維數(shù)組的定義聲明(詳解)
下面小編就為大家?guī)硪黄P(guān)于js二維數(shù)組和多維數(shù)組的定義聲明(詳解)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10