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获取地址栏参数
Dec 22 Javascript
jQuery Tools tooltip使用说明
Jul 14 Javascript
javascript编码的几个方法详细介绍
Jan 06 Javascript
jquery实现的随机多彩tag标签随机颜色和字号大小效果
Mar 27 Javascript
js+html5实现canvas绘制镂空字体文本的方法
Jun 05 Javascript
基于JS实现的倒计时程序实例
Jul 24 Javascript
详解能在多种前端框架下使用的表格控件
Jan 11 Javascript
B/S(Web)实时通讯解决方案分享
Apr 06 Javascript
优雅的在React项目中使用Redux的方法
Nov 10 Javascript
Node使用Nodemailer发送邮件的方法实现
Feb 24 Javascript
uniapp 仿微信的右边下拉选择弹出框的实现代码
Jul 12 Javascript
javascript如何使用函数random来实现课堂随机点名方法详解
Jul 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静态变量当缓存的方法
2013/11/13 PHP
PHP中通过getopt解析GNU C风格命令行选项
2019/11/18 PHP
jquery操作select详解(取值,设置选中)
2014/02/07 Javascript
jquery获取复选框被选中的值
2014/03/22 Javascript
node.js中的fs.read方法使用说明
2014/12/17 Javascript
jquery事件preventDefault()方法用法实例
2015/01/16 Javascript
javascript弹出页面回传值的方法
2015/01/28 Javascript
浅析JavaScript中的对象类型Object
2016/05/26 Javascript
解析Vue.js中的组件
2018/02/02 Javascript
Javascript获取某个月的天数
2018/05/30 Javascript
angularjs1.5 组件内用函数向外传值的实例
2018/09/30 Javascript
vue-router路由模式详解(小结)
2019/08/26 Javascript
element-ui树形控件后台返回的数据+生成组织树的工具类
2020/03/05 Javascript
javascript设计模式 ? 解释器模式原理与用法实例分析
2020/04/17 Javascript
关于javascript中的promise的用法和注意事项(推荐)
2021/01/15 Javascript
理解Python中函数的参数
2015/04/27 Python
python实现给数组按片赋值的方法
2015/07/28 Python
Python基于贪心算法解决背包问题示例
2017/11/27 Python
python如何实现反向迭代
2018/03/20 Python
pyhton列表转换为数组的实例
2018/04/04 Python
Python求解任意闭区间的所有素数
2018/06/10 Python
python中pip的安装与使用教程
2018/08/10 Python
Django JWT Token RestfulAPI用户认证详解
2019/01/23 Python
Python中使用gflags实例及原理解析
2019/12/13 Python
Python序列化pickle模块使用详解
2020/03/05 Python
Python叠加矩形框图层2种方法及效果
2020/06/18 Python
python各种excel写入方式的速度对比
2020/11/10 Python
会计系中文个人求职信
2013/12/24 职场文书
机械设计及其自动化求职推荐信
2014/02/17 职场文书
餐厅总厨求职信
2014/03/04 职场文书
人事行政专员岗位职责
2014/07/23 职场文书
街道务虚会发言材料
2014/10/20 职场文书
校本研修个人总结
2015/02/28 职场文书
2015年卫生监督工作总结
2015/05/21 职场文书
会议主持词结束语
2015/07/03 职场文书
小学远程教育工作总结
2015/08/13 职场文书