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控制iframe滚动的代码
Apr 10 Javascript
jQuery 选择器、DOM操作、事件、动画
Nov 25 Javascript
jquery插件tooltipv顶部淡入淡出效果使用示例
Dec 05 Javascript
一个简单的动态加载js和css的jquery代码
Sep 01 Javascript
JavaScript语言对Unicode字符集的支持详解
Dec 30 Javascript
JavaScript数据类型学习笔记
Jan 25 Javascript
Javascript实现图片轮播效果(二)图片序列节点的控制实现
Feb 17 Javascript
JS常用算法实现代码
Nov 14 Javascript
js封装成插件的步骤方法
Sep 11 Javascript
JavaScript实现计算圆周率到小数点后100位的方法示例
May 08 Javascript
小程序兼容安卓和IOS数据处理问题及坑
Sep 18 Javascript
抖音上用记事本编写爱心小程序教程
Apr 17 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 addslashes 函数详细分析说明
2009/06/23 PHP
纯PHP代码实现支付宝批量付款
2015/12/24 PHP
PHP 7.1新特性的汇总介绍
2016/12/16 PHP
PHP中的empty、isset、isnull的区别与使用实例
2019/03/22 PHP
php实现QQ小程序发送模板消息功能
2019/09/18 PHP
php中关于换行的实例写法
2019/09/26 PHP
用js实现上传图片前的预览(TX的面试题)
2007/08/14 Javascript
用Javascript实现Sleep暂停功能代码
2010/09/03 Javascript
Flash图片上传组件 swfupload使用指南
2015/03/14 Javascript
javascript下拉列表菜单的实现方法
2015/11/18 Javascript
Bootstrap基本样式学习笔记之表单(3)
2016/12/07 Javascript
vue模块拖拽实现示例代码
2019/03/09 Javascript
新手如何快速理解js异步编程
2019/06/24 Javascript
json解析大全 双引号、键值对不在一起的情况
2019/12/06 Javascript
JS如何调用WebAssembly编译出来的.wasm文件
2020/11/05 Javascript
[00:33]2018DOTA2亚洲邀请赛TNC出场
2018/04/04 DOTA
在Python中使用模块的教程
2015/04/27 Python
pandas 使用apply同时处理两列数据的方法
2018/04/20 Python
python 批量修改/替换数据的实例
2018/07/25 Python
pyqt 实现为长内容添加滑轮 scrollArea
2019/06/19 Python
python实现美团订单推送到测试环境,提供便利操作示例
2019/08/09 Python
Python如何使用BeautifulSoup爬取网页信息
2019/11/26 Python
使用Python实现分别输出每个数组
2019/12/06 Python
浅谈pandas.cut与pandas.qcut的使用方法及区别
2020/03/03 Python
python 将视频 通过视频帧转换成时间实例
2020/04/23 Python
以工厂直接定价的传奇性能:Ben Hogan Golf
2019/01/04 全球购物
网络教育自我鉴定
2013/11/01 职场文书
教育基金募捐倡议书
2014/05/14 职场文书
项目投资合作意向书
2014/07/29 职场文书
意外伤害赔偿协议书范文
2014/09/23 职场文书
2015年政治教研组工作总结
2015/07/22 职场文书
员工规章制度范本
2015/08/07 职场文书
幼儿园2016年感恩节活动总结
2016/04/01 职场文书
Nginx搭建rtmp直播服务器实现代码
2021/03/31 Servers
Python pygame实现中国象棋单机版源码
2021/06/20 Python
聊聊Python String型列表求最值的问题
2022/01/18 Python