JS將網(wǎng)址url轉(zhuǎn)化為JSON格式的方法
更新時間：2018年07月02日 11:31:57 作者：0帶帶大師兄0
這篇文章主要介紹了JS將網(wǎng)址url轉(zhuǎn)化為JSON格式的方法,需要的朋友可以參考下
網(wǎng)上方法很多，各種奇技淫巧，這里貼上一種較為正常的思路。
主要利用split對獲取的字符串不斷進行分割，最后獲得所需要的格式。
代碼如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>將url轉(zhuǎn)化為json數(shù)據(jù)</title>
</head>
<script>
function queryString(url){
let arr=[]; //存儲參數(shù)的數(shù)組
let res={}; //存儲最終JSON結(jié)果對象
arr=url.split("?")[1].split("&"); //arr=["a=1", "b=2", "c=test", "d"]
for(let i=0,len=arr.length;i<len;i++){
//如果有等號，則執(zhí)行賦值操作
if(arr[i].indexOf("=")!=-1){
let str=arr[i].split("=");
//str=[a,1];
res[str[0]]=str[1];
}else{//沒有等號，則賦予空值
res[arr[i]]="";
}
}
res=JSON.stringify(res);//轉(zhuǎn)化為JSON字符串
return res; //{"a": "1", "b": "2", "c": "test", "d": ""}
}
console.log(queryString('www.baidu.com?a=1&b=2&c=test&d'));
</script>
<body>
</body>
</html>
總結(jié)
以上所述是小編給大家介紹的JS將網(wǎng)址url轉(zhuǎn)化為JSON格式的方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
js實現(xiàn)完美兼容各大瀏覽器的人民幣大小寫相互轉(zhuǎn)換
在基于網(wǎng)頁的打印輸出或報表中，經(jīng)常會牽扯到金額的大寫，每次都打上去很麻煩，所以想法用一個JavaScript客戶端腳本來實現(xiàn)自動轉(zhuǎn)換，只需在需要顯示大寫金額的時候調(diào)用該JS函數(shù)，下面我們就來匯總下吧2015-10-10
layer彈出層的關(guān)閉問題詳解之在執(zhí)行完畢后關(guān)閉當(dāng)前彈出層
在前端頁面中用layer打開窗口供用戶輸入或選擇是非常常見的用法,但是有時為了完成一次操作,需要彈出多個窗口進行選擇、輸入或者提示,因此在關(guān)閉窗口的時候需要實現(xiàn)指定關(guān)閉任意窗口,需要的朋友可以參考下2023-10-10
JavaScript如何借用構(gòu)造函數(shù)繼承
這篇文章主要介紹了JavaScript如何借用構(gòu)造函數(shù)繼承,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-11-11
js點擊返回跳轉(zhuǎn)到指定頁面實現(xiàn)過程
這篇文章主要為大家詳細介紹了js點擊返回跳轉(zhuǎn)到指定頁面實現(xiàn)過程，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-04-04
這篇文章主要為大家詳細介紹了如何利用JavaScript實現(xiàn)視頻鏡面反轉(zhuǎn)的效果,文中的示例代碼簡潔易懂,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-11-11
js 轉(zhuǎn)json格式的字符串為對象或數(shù)組(前后臺)的方法
下面小編就為大家?guī)硪黄猨s 轉(zhuǎn)json格式的字符串為對象或數(shù)組(前后臺)的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
下面小編就為大家?guī)硪黄猨s數(shù)組操作方法總結(jié)(必看篇)。小編覺得挺不錯的，希望對大家有所幫助。一起跟隨小編過來看看吧，祝大家游戲愉快哦2016-11-11
一個多次搜索+多次傳值的解決方案...2007-01-01
如果不需要顯示調(diào)用函數(shù)， 讓這個函數(shù)在定義的時候就執(zhí)行的話， 該如何寫才可以呢，下面為大家介紹下具體的實現(xiàn)步驟，喜歡的朋友可以了解下2014-01-01
javascript實現(xiàn)鼠標(biāo)點擊生成文字特效
這篇文章主要為大家詳細介紹了javascript實現(xiàn)鼠標(biāo)點擊生成文字特效，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12