JavaScript实现url参数转成json形式
更新时间：2016年09月25日 11:58:53 作者：differ_wy
这篇文章主要介绍了JavaScript实现url参数转成json形式的相关代码，有喜欢的小伙伴可以参考下
朋友问的一个面试题：有个url，要求获取url 的参数，返回值为json格式。
简单的写了下，发笔记备份。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>simple a example for url to json</title>
<script>
var url = 'https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=0&rsv_idx=1&tn=baidu&wd=慕课&rsv_pq=e379bd8200001a8c&rsv_t=ea8cxrgm03IFb44zHA261P6KziPRXAekcjwsRJtUSKLUmKweFsZFXE%2BUSrU&rqlang=cn&rsv_enter=0&rs';
function url2json(url){
var index = -1,
str = '',
arr = [],
length = 0,
res = {};
if(url.indexOf('?')!=-1){
index = url.indexOf('?');
str = url.substring(index+1);
arr = str.split('&');
length = arr.length;
for(var i=0; i<length-1; i++){
res[arr[i].split('=')[0]] = arr[i].split('=')[1];
}
}else{
res = {};
}
return res;
};
var result = url2json(url);
//获取json的键值对条数（模拟长度）
var length = 0;
for(var i in result){
length++;
}
//在页面输出
var tL = 0;
document.write('{<br>');
for(var name in result){
tL++;
if(tL == length){
document.write('  '+name+':'+result[name]+'<br>');
}else{
document.write('  '+name+':'+result[name]+',<br>');
}
}
document.write('}');
</script>
</head>
<body>
相关文章
今天希望实现一个，直接在网页上选中文本，点击收藏夹的链接（javascript）即可弹出新窗口（类似“百度搜藏”和“QQ书签”），新窗口中的文本框即显示了选中的文本。2009-02-02
JavaScript 中的replace方法说明...2007-04-04
这篇文章主要介绍了JavaScript中对于SPA单页面的理解，单页应用SPA是一种网络应用程序或网站的模型，它通过动态重写当前页面来与用户交互2023-02-02
本文主要对js表达式与js运算符进行详细介绍。具有很好的参考价值。下面跟着小编一起来看下吧2017-02-02
这篇文章主要为大家详细介绍了JavaScript如何动态监听DOM元素高度，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-07-07
有时候我们只需要打印部分内容，因为现在的页面中广告和一些相关内容很多，所有用下面的方法，就可以了2008-11-11
这篇文章主要介绍了使用javascript将时间转换成今天，昨天，前天等格式的相关资料,需要的朋友可以参考下2015-06-06
这篇文章主要介绍了JS解析XML的方法,实例分析了javascript针对IE浏览器与非IE浏览器解析XML文件的技巧,非常具有实用价值,需要的朋友可以参考下2015-01-01
下面小编就为大家带来一篇JS获取随机数和时间转换的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
相信很多的用vue的人都知道vue双向绑定的原理建立在，给属性绑定了getter和setter，在属性被改变的同时触发视图的再渲染。而本期也是借助这两个内置方法实现vue内的watch2018-06-06
最新评论