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_02_理解undefined和null
Oct 11 Javascript
三级下拉菜单的js实现代码
May 23 Javascript
javascript面向对象编程代码
Dec 19 Javascript
JS中typeof与instanceof之间的区别总结
Nov 14 Javascript
js判断设备是否为PC并调整图片大小
Feb 12 Javascript
Webpack中css-loader和less-loader的使用教程
Apr 27 Javascript
AngularJS基于MVC的复杂操作实例讲解
Dec 31 Javascript
Vue 实例事件简单示例
Sep 19 Javascript
Vue 开发必须知道的36个技巧(小结)
Oct 09 Javascript
vue中对象数组去重的实现
Feb 06 Javascript
完美解决通过IP地址访问VUE项目的问题
Jul 18 Javascript
javascript的hashCode函数实现代码小结
Aug 11 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
对text数据类型不支持代码页转换 从: 1252 到: 936
2011/04/23 PHP
114啦源码(114la)不能生成地方房产和地方报刊问题4级页面0字节的解决方法
2012/01/12 PHP
PHP 修复未正常关闭的HTML标签实现代码(支持嵌套和就近闭合)
2012/06/07 PHP
php比较两个字符串长度的方法
2015/07/13 PHP
php异步:在php中使用fsockopen curl实现类似异步处理的功能方法
2016/12/10 PHP
js this函数调用无需再次抓获id,name或标签名
2014/03/03 Javascript
js实现分享到随页面滚动而滑动效果的方法
2015/04/10 Javascript
js实现div层缓慢收缩与展开的方法
2015/05/11 Javascript
jquery插件validation实现验证身份证号等
2015/06/04 Javascript
基于JavaScript实现 网页切出 网站title变化代码
2016/04/03 Javascript
获取今天,昨天,本周,上周,本月,上月时间(实例分享)
2017/01/04 Javascript
利用Node.js+Koa框架实现前后端交互的方法
2017/02/27 Javascript
Vue开发中整合axios的文件整理
2017/04/29 Javascript
详解webpack和webpack-simple中如何引入css文件
2017/06/28 Javascript
angularjs实现猜大小功能
2017/10/23 Javascript
vue项目中导入swiper插件的方法
2018/01/30 Javascript
Vue项目中使用Vux的安装过程
2018/05/01 Javascript
JavaScript常用数组操作方法,包含ES6方法
2020/05/10 Javascript
vue使用laydate时间插件的方法
2018/11/14 Javascript
js实现简单进度条效果
2020/03/25 Javascript
在vue项目中promise解决回调地狱和并发请求的问题
2020/11/09 Javascript
Python使用multiprocessing实现一个最简单的分布式作业调度系统
2016/03/14 Python
python连接mysql实例分享
2016/10/09 Python
使用Python和Prometheus跟踪天气的使用方法
2019/05/06 Python
PyCharm+Qt Designer+PyUIC安装配置教程详解
2019/06/13 Python
Python venv虚拟环境配置过程解析
2020/07/08 Python
jupyter notebook指定启动目录的方法
2021/03/02 Python
Weblogic和WebSphere不同特点
2012/05/09 面试题
社团活动总结范文
2014/04/26 职场文书
公司任命书范本
2014/06/04 职场文书
医院搬迁方案
2014/06/14 职场文书
工作经历证明范本
2015/06/15 职场文书
全民创业工作总结
2015/08/13 职场文书
小学数学教师研修日志
2015/11/13 职场文书
Python time库的时间时钟处理
2021/05/02 Python
javascript拖曳互换div的位置实现示例
2021/06/28 Javascript