JavaScript实现url参数转成json形式


Posted in Javascript onSeptember 25, 2016

朋友问的一个面试题:有个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 相关文章推荐
JSON 学习之JSON in JavaScript详细使用说明
Feb 23 Javascript
AngularJS中取消对HTML片段转义的方法例子
Jan 04 Javascript
jQuery延迟加载图片插件Lazy Load使用指南
Mar 25 Javascript
JS动态日期时间的获取方法
Sep 28 Javascript
灵活的理解JavaScript中的this指向
Feb 25 Javascript
javascript中不易分清的slice,splice和split三个函数
Mar 29 Javascript
jquery ezUI 双击行记录弹窗查看明细的实现方法
Jun 01 Javascript
jQuery EasyUI学习教程之datagrid点击列表头排序
Jul 09 Javascript
微信小程序使用Vant Weapp组件库的方法步骤
Aug 01 Javascript
js实现自动播放匀速轮播图
Feb 06 Javascript
vue video和vue-video-player实现视频铺满教程
Oct 30 Javascript
vue 动态添加的路由页面刷新时失效的原因及解决方案
Feb 26 Vue.js
动态JavaScript所造成一些你不知道的危害
Sep 25 #Javascript
jQuery中的AjaxSubmit使用讲解
Sep 25 #Javascript
需要牢记的JavaScript基础知识
Sep 25 #Javascript
分享一个原生的JavaScript拖动方法
Sep 25 #Javascript
HTML中setCapture、releaseCapture 使用方法浅析
Sep 25 #Javascript
jQuery的deferred对象使用详解
Sep 25 #Javascript
简单谈谈Vue 模板各类数据绑定
Sep 25 #Javascript
You might like
如何跨站抓取别的站点的页面的补充
2006/10/09 PHP
thinkphp路由规则使用示例详解和伪静态功能实现(apache重写)
2014/02/24 PHP
php中strstr、strrchr、substr、stristr四个函数的区别总结
2014/09/22 PHP
PHP获取当前所在目录位置的方法
2014/11/26 PHP
PHP串行化与反串行化实例分析
2016/12/27 PHP
php使用json_decode后数字对象转换成了科学计数法的解决方法
2017/02/20 PHP
PHP调用Mailgun发送邮件的方法
2017/05/04 PHP
php简单处理XML数据的方法示例
2017/05/19 PHP
基于jquery的滚动新闻列表
2010/06/19 Javascript
通过jQuery源码学习javascript(三)
2012/12/27 Javascript
JS中实现简单Formatter函数示例代码
2014/08/19 Javascript
JavaScript制作淘宝星级评分效果的思路
2020/06/23 Javascript
JS判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个)
2016/08/02 Javascript
BootStrap下拉框在firefox浏览器界面不友好的解决方案
2016/08/18 Javascript
利用js来实现缩略语列表、文献来源链接和快捷键列表
2016/12/16 Javascript
js实现5秒倒计时重新发送短信功能
2017/02/05 Javascript
jQuery实现QQ空间汉字转拼音功能示例
2017/07/10 jQuery
Three.js中网格对象MESH的属性与方法详解
2017/09/27 Javascript
JS实现留言板功能[楼层效果展示]
2017/12/27 Javascript
vue+element的表格实现批量删除功能示例代码
2018/08/17 Javascript
解决vue2.0路由跳转未匹配相应用路由避免出现空白页面的问题
2018/08/24 Javascript
Vue监听一个数组id是否与另一个数组id相同的方法
2018/09/26 Javascript
vue axios 简单封装以及思考
2018/10/09 Javascript
微信小程序图片自适应实现解析
2020/01/21 Javascript
jQuery操作选中select下拉框的值代码实例
2020/02/07 jQuery
vue循环中点击选中再点击取消(单选)的实现
2020/09/10 Javascript
Python实现查找匹配项作处理后再替换回去的方法
2017/06/10 Python
Python cookbook(数据结构与算法)对切片命名清除索引的方法
2018/03/13 Python
python爬虫 猫眼电影和电影天堂数据csv和mysql存储过程解析
2019/09/05 Python
英国版MAC彩妆品牌:Illamasqua
2018/04/18 全球购物
Onzie官网:美国时尚瑜伽品牌
2019/08/21 全球购物
业务副厂长岗位职责
2014/01/03 职场文书
啤酒节策划方案
2014/05/28 职场文书
2014年社区矫正工作总结
2014/11/18 职场文书
2016年社区植树节活动总结
2016/03/16 职场文书
利用Java连接Hadoop进行编程
2022/06/28 Java/Android