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>
相关文章
这篇文章主要为大家详细介绍了如何利用js实现一个可进行时间和工作调度的任务管理器,文中的示例代码简洁易懂,有需要的小伙伴可以参考一下2023-10-10
Javascript验证用户输入URL地址是否为空及格式是否正确
这篇文章主要介绍了Javascript验证用户输入URL地址是否为空及格式是否正确,很实用，需要的朋友可以参考下2014-10-10
解决页面整体使用transform scale后高德地图点位点击偏移错位问题
这篇文章主要介绍了解决页面整体使用transform scale后高德地图点位点击偏移错位问题的方法，具有一定的参考价值，需要的小伙伴可以参考一下2022-01-01
这篇文章主要介绍了javascript回调函数的概念理解与用法,结合具体实例形式分析了javascript回调函数的功能、原理、使用方法与相关注意事项,需要的朋友可以参考下2017-05-05
这篇文章主要介绍了thinkjs微信中控之微信鉴权登陆的实现代码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-08-08
这篇文章主要介绍了Flex通过JS获取客户端IP和计算机名的实例代码，有需要的朋友可以参考一下2013-11-11
支付宝小程序官方提供的alert提示框、dialog对话框、model弹窗功能比较有限，有些都不能随意自定义修改的。这篇文章主要介绍了支付宝小程序自定义弹窗dialog插件的实现代码,需要的朋友可以参考下2018-11-11
深入学习js函数的隐式参数 arguments 和 this
这篇文章主要介绍了 深入学习js函数的隐式参数 arguments 和 this，arguments是一个类数组结构，它保存了调用时传递给函数的所有实参；this是函数执行时的上下文对象, 这个对象有些让人感到困惑的行为。 下面分别对他们进行讨论。,需要的朋友可以参考下2019-06-06
今天小编就为大家分享一篇关于layui表单中按钮自动提交的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要为大家详细介绍了bootstrap table实现单击单元格可编辑功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
最新评论