JS将网址url转化为JSON格式的方法


Posted in Javascript onJuly 02, 2018

网上方法很多,各种奇技淫巧,这里贴上一种较为正常的思路。

主要利用split对获取的字符串不断进行分割,最后获得所需要的格式。

代码如下

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>将url转化为json数据</title>
</head>
<script>
  function queryString(url){
    let arr=[]; //存储参数的数组
    let res={}; //存储最终JSON结果对象
    arr=url.split("?")[1].split("&"); //arr=["a=1", "b=2", "c=test", "d"]

    for(let i=0,len=arr.length;i<len;i++){
      //如果有等号,则执行赋值操作
      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);//转化为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>

总结

以上所述是小编给大家介绍的JS将网址url转化为JSON格式的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
基于Jquery+Ajax+Json的高效分页实现代码
Oct 29 Javascript
JS鼠标事件大全 推荐收藏
Nov 01 Javascript
JSON序列化与解析原生JS方法且IE6和chrome测试通过
Sep 05 Javascript
javascript中style.left和offsetLeft的用法说明
Mar 07 Javascript
JavaScript数据类型详解
Apr 01 Javascript
JavaScript节点及列表操作实例小结
Aug 05 Javascript
jquery实现初次打开有动画效果的网页TAB切换代码
Sep 06 Javascript
基于jQuery实现点击最后一行实现行自增效果的表格
Jan 12 Javascript
Angularjs 自定义服务的三种方式(推荐)
Aug 02 Javascript
详解使用 Node.js 开发简单的脚手架工具
Jun 08 Javascript
JavaScript高级函数应用之分时函数实例分析
Aug 03 Javascript
对angularJs中ng-style动态改变样式的实例讲解
Sep 30 Javascript
原生JS实现列表子元素顺序反转的方法分析
Jul 02 #Javascript
JS限制输入框输入的实现代码
Jul 02 #Javascript
webpack手动配置React开发环境的步骤
Jul 02 #Javascript
Angularjs中的$apply及优化使用详解
Jul 02 #Javascript
angularjs 的数据绑定实现原理
Jul 02 #Javascript
vue 解决addRoutes动态添加路由后刷新失效问题
Jul 02 #Javascript
vue中的数据绑定原理的实现
Jul 02 #Javascript
You might like
学习php中的正则表达式
2014/08/17 PHP
js基于qrcode.js生成二维码的方法【附demo插件源码下载】
2016/12/28 PHP
PHP检测一个数组有没有定义的方法步骤
2019/07/20 PHP
php操作redis数据库常见方法实例总结
2020/02/20 PHP
tagName的使用,留一笔
2006/06/26 Javascript
JavaScript Event事件学习第一章 Event介绍
2010/02/07 Javascript
jQuery打印图片pdf、txt示例代码
2014/07/22 Javascript
Javascript保存网页为图片借助于html2canvas库实现
2014/09/05 Javascript
jQuery实现折叠、展开的菜单组效果代码
2015/09/16 Javascript
jQuery实现仿美橙互联两级导航菜单效果完整实例
2015/09/17 Javascript
jquery实现简单实用的弹出层效果代码
2015/10/15 Javascript
AngularJS向后端ASP.NET API控制器上传文件
2016/02/03 Javascript
JS实现数组去重复值的方法示例
2017/02/18 Javascript
JavaScript中最常见的三个面试题解析
2017/03/04 Javascript
详解vue-cli + webpack 多页面实例应用
2017/04/25 Javascript
解决vue.js在编写过程中出现空格不规范报错的问题
2017/09/20 Javascript
vue router下的html5 history在iis服务器上的设置方法
2017/10/18 Javascript
基于vue实现网站前台的权限管理(前后端分离实践)
2018/01/13 Javascript
基于webpack-hot-middleware热加载相关错误的解决方法
2018/02/22 Javascript
react-navigation之动态修改title的内容
2018/09/26 Javascript
jQuery实现的分页插件完整示例
2020/05/26 jQuery
jQuery+ThinkPHP实现图片上传
2020/07/23 jQuery
[20:39]DOTA2-DPC中国联赛 正赛开幕式 1月18日
2021/03/11 DOTA
python批量提交沙箱问题实例
2014/10/08 Python
Python中列表和元组的使用方法和区别详解
2020/12/30 Python
Python3.4编程实现简单抓取爬虫功能示例
2017/09/14 Python
浅析PEP572: 海象运算符
2019/10/15 Python
使用Python和OpenCV检测图像中的物体并将物体裁剪下来
2019/10/30 Python
Foot Locker澳洲官网:美国运动服和鞋类零售商
2019/10/11 全球购物
教师党员一句话承诺
2014/03/28 职场文书
实习评语大全
2014/04/26 职场文书
我读书我快乐演讲稿
2014/05/07 职场文书
财务负责人任命书
2014/06/06 职场文书
学校清洁工岗位职责
2015/04/15 职场文书
2015年新农村建设工作总结
2015/05/22 职场文书
演讲比赛通讯稿
2015/07/18 职场文书