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 Event学习第七章 事件属性
Feb 07 Javascript
JQuery实现展开关闭层的方法
Feb 17 Javascript
jquery实现带渐变淡入淡出并向右依次展开的多级菜单效果实例
Aug 22 Javascript
Jquery实现遮罩层的简单实例(就是弹出DIV周围都灰色不能操作)
Jul 14 Javascript
jQuery实现的瀑布流加载效果示例
Sep 13 Javascript
js实现的简练高效拖拽功能示例
Dec 21 Javascript
jQuery实现模糊搜索功能的方法分析
Jun 29 jQuery
vue生命周期和react生命周期对比【推荐】
Sep 19 Javascript
对angularJs中ng-style动态改变样式的实例讲解
Sep 30 Javascript
浅谈Javascript中的对象和继承
Apr 19 Javascript
微信小程序学习总结(二)样式、属性、模板操作分析
Jun 04 Javascript
从原生JavaScript到React深入理解
Jul 23 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网页游戏学习之Xnova(ogame)源码解读(十五)
2014/06/30 PHP
ThinkPHP使用PHPExcel实现Excel数据导入导出完整实例
2014/07/22 PHP
CodeIgniter错误mysql_connect(): No such file or directory解决方法
2014/09/06 PHP
php动态函数调用方法
2015/05/21 PHP
深入浅析Yii admin的权限控制
2016/08/31 PHP
PHP编程实现csv文件导入mysql数据库的方法
2017/04/29 PHP
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.2 0
2008/03/22 Javascript
js控制的回到页面顶端goTop的代码实现
2013/03/20 Javascript
js图片延迟技术一般的思路与示例
2014/03/20 Javascript
JS实现至少包含字母、大小写数字、字符的密码等级的两种方法
2015/02/03 Javascript
JS实现按比例缩放图片的方法(附C#版代码)
2015/12/08 Javascript
理解jquery事件冒泡
2016/01/03 Javascript
AngularJS中$interval的用法详解
2016/02/02 Javascript
jQuery实现复选框的全选和反选
2017/02/02 Javascript
element-ui带输入建议的input框踩坑(输入建议空白以及会闪出上一次的输入建议问题)
2019/01/15 Javascript
微信小程序下拉菜单效果的实例代码
2019/05/14 Javascript
vuex 实现getter值赋值给vue组件里的data示例
2019/11/05 Javascript
Pycharm学习教程(4) Python解释器的相关配置
2017/05/03 Python
Python开发中爬虫使用代理proxy抓取网页的方法示例
2017/09/26 Python
详解Appium+Python之生成html测试报告
2019/01/04 Python
python带参数打包exe及调用方式
2019/12/21 Python
python3中关于excel追加写入格式被覆盖问题(实例代码)
2020/01/10 Python
在tensorflow中实现屏蔽输出的log信息
2020/02/04 Python
在tensorflow中设置使用某一块GPU、多GPU、CPU的操作
2020/02/07 Python
python调用有道智云API实现文件批量翻译
2020/10/10 Python
基于OpenCV的路面质量检测的实现
2020/11/04 Python
德国传统玻璃制造商:Cristalica
2018/04/23 全球购物
东南亚排名第一的服务市场:kaodim
2019/03/28 全球购物
SmartBuyGlasses比利时:购买品牌太阳镜和眼镜
2019/08/09 全球购物
三好学生自我鉴定
2013/12/17 职场文书
北京大学自荐信范文
2014/01/28 职场文书
2014年高校辅导员工作总结
2014/12/09 职场文书
优秀少先队辅导员事迹材料
2014/12/24 职场文书
小学国庆节活动总结
2015/03/23 职场文书
2015年高三班主任工作总结
2015/05/21 职场文书
勇敢的心观后感
2015/06/09 职场文书