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 相关文章推荐
JavaScript For Beginners(转载)
Jan 05 Javascript
jQuery分别获取选中的复选框值的示例
Jun 17 Javascript
jquery获取多个checkbox的值异步提交给php
Jul 07 Javascript
jquery实现可自动判断位置的弹出层效果代码
Oct 12 Javascript
原生javascript实现匀速运动动画效果
Feb 26 Javascript
AngularJS动态绑定HTML的方法分析
Nov 07 Javascript
JavaScript实现反转字符串的方法详解
Apr 27 Javascript
Bootstrap提示框效果的实例代码
Jul 12 Javascript
django js 实现表格动态标序号的实例代码
Jul 12 Javascript
微信小程序iBeacon测距及稳定程序的实现解析
Jul 31 Javascript
Java Varargs 可变参数用法详解
Jan 28 Javascript
Openlayers实现地图全屏显示
Sep 28 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带密码功能并下载远程文件保存本地指定目录 修改加强版
2010/05/16 PHP
ThinkPHP登录功能的实现方法
2014/08/20 PHP
php使用fputcsv()函数csv文件读写数据的方法
2015/01/06 PHP
Centos 6.5下PHP 5.3安装ffmpeg扩展的步骤详解
2017/03/02 PHP
PHP设计模式之装饰器模式定义与用法简单示例
2018/08/13 PHP
php在linux环境中如何使用redis详解
2020/12/15 PHP
JavaScript实现动态增加文件域表单
2009/02/12 Javascript
[原创]IE view-source 无法查看看源码 JavaScript看网页源码
2009/07/19 Javascript
javascript中的作用域scope介绍
2010/12/28 Javascript
jQuery去掉字符串起始和结尾的空格(多种方法实现)
2013/04/01 Javascript
javascript匿名函数实例分析
2014/11/18 Javascript
jquery通过ajax加载一段文本内容的方法
2015/01/15 Javascript
JavaScript数据类型检测代码分享
2015/01/26 Javascript
JS中对象与字符串的互相转换详解
2016/05/20 Javascript
jQuery+json实现动态创建复杂表格table的方法
2016/10/25 Javascript
JavaScript 实现 Tab 点击切换实例代码
2017/03/25 Javascript
nodejs个人博客开发第四步 数据模型
2017/04/12 NodeJs
使用socket.io制做简易WEB聊天室
2018/01/02 Javascript
jquery 获取索引值在一定范围的列表方法
2018/01/25 jQuery
使用vue-cli创建项目的图文教程(新手入门篇)
2018/05/02 Javascript
详解如何在Node.js的httpServer中接收前端发送的arraybuffer数据
2018/11/11 Javascript
js中怎么判断两个字符串相等的实例
2019/01/17 Javascript
vue实现简易计算器功能
2021/01/20 Vue.js
[56:42]VP vs RNG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
python批量提交沙箱问题实例
2014/10/08 Python
在ubuntu16.04中将python3设置为默认的命令写法
2018/10/31 Python
python 使用值来排序一个字典的方法
2018/11/16 Python
Python从单元素字典中获取key和value的实例
2018/12/31 Python
python快速编写单行注释多行注释的方法
2019/07/31 Python
Pytorch实现GoogLeNet的方法
2019/08/18 Python
pytorch中获取模型input/output shape实例
2019/12/30 Python
商务英语毕业生自荐信范文
2013/11/08 职场文书
国际政治个人自荐信范文
2013/11/26 职场文书
党员廉政准则心得体会
2016/01/20 职场文书
JavaWeb 入门:Hello Servlet
2021/07/16 Java/Android
vue.js 使用原生js实现轮播图
2022/04/26 Vue.js