JS解析url查詢參數(shù)的簡(jiǎn)單代碼
廢話不多說(shuō)了,直接給大家貼代碼了,具體代碼如下所述:
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)文章
解決給dom元素綁定click等事件無(wú)效問(wèn)題的方法
本文主要介紹了解決給dom元素綁定click等事件無(wú)效問(wèn)題的方法。具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-02-02移動(dòng)端翻頁(yè)插件dropload.js(支持Zepto和jQuery)
這篇文章主要為大家詳細(xì)介紹了移動(dòng)端翻頁(yè)插件dropload.js,支持Zepto和jQuery,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-07-07JavaScript Event學(xué)習(xí)第五章 高級(jí)事件注冊(cè)模型
在這一章我會(huì)講解兩種高級(jí)時(shí)間注冊(cè)模型:W3C和微軟的。因?yàn)檫@兩個(gè)方法都不能跨瀏覽器,所以在現(xiàn)在看來(lái)他們的使用場(chǎng)合并不多。2010-02-02Aptos?SDK交互實(shí)現(xiàn)過(guò)程詳解
這篇文章主要為大家介紹了Aptos?SDK交互實(shí)現(xiàn)過(guò)程詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-03-03javascript 原型與原型鏈的理解及應(yīng)用實(shí)例分析
這篇文章主要介紹了javascript 原型與原型鏈的理解及應(yīng)用,結(jié)合實(shí)例形式分析了javascript原型與原型鏈的具體原理、功能、使用方法及操作注意事項(xiàng),需要的朋友可以參考下2020-02-02js下通過(guò)getList函數(shù)實(shí)現(xiàn)分頁(yè)效果的代碼
js下通過(guò)getList函數(shù)實(shí)現(xiàn)分頁(yè)效果的代碼,需要通過(guò)js分頁(yè)的朋友可以參考下。2010-09-09關(guān)于js二維數(shù)組和多維數(shù)組的定義聲明(詳解)
下面小編就為大家?guī)?lái)一篇關(guān)于js二維數(shù)組和多維數(shù)組的定義聲明(詳解)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10