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 相关文章推荐
AJAX架构之Dojo篇
Apr 10 Javascript
javascript 清空form表单中某种元素的值
Dec 26 Javascript
js获取单元格自定义属性值的代码(IE/Firefox)
Apr 05 Javascript
jQuery实现返回顶部功能适合不支持js的浏览器
Aug 19 Javascript
js生成验证码并直接在前端判断
May 15 Javascript
js+css实现的圆角边框TAB选项卡滑动门代码分享(2款)
Aug 26 Javascript
表格展示利器 Bootstrap Table实例代码
Sep 06 Javascript
监控微信小程序中的慢HTTP请求过程详解
Jul 05 Javascript
Webpack按需加载打包chunk命名的方法
Sep 22 Javascript
VSCode launch.json配置详细教程
Jun 18 Javascript
js模拟实现百度搜索
Jun 28 Javascript
通过实例解析JavaScript常用排序算法
Sep 02 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
兼容各大浏览器带关闭按钮的漂浮多组图片广告代码
2014/06/05 PHP
PHP+MySQL删除操作实例
2015/01/21 PHP
ThinkPHP框架表单验证操作方法
2017/07/19 PHP
php检查函数必传参数是否存在的实例详解
2017/08/28 PHP
js获取图片长和宽度的代码
2009/11/24 Javascript
ExtJS下书写动态生成的xml(兼容火狐)
2013/04/02 Javascript
jquery实现点击其他区域时隐藏下拉div和遮罩层的方法
2015/12/23 Javascript
Angularjs全局变量被作用域监听的正确姿势
2016/02/06 Javascript
几种二级联动案例(jQuery\Array\Ajax php)
2016/08/13 Javascript
jQuery实现可展开折叠的导航效果示例
2016/09/12 Javascript
浅谈jquery上下滑动的注意事项
2016/10/13 Javascript
js querySelector() 使用方法
2016/12/21 Javascript
vue+vuex+axios实现登录、注册页权限拦截
2018/03/09 Javascript
Python程序设计入门(3)数组的使用
2014/06/16 Python
python导入csv文件出现SyntaxError问题分析
2017/12/15 Python
Python打开文件,将list、numpy数组内容写入txt文件中的方法
2018/10/26 Python
python根据url地址下载小文件的实例
2018/12/18 Python
Django高级编程之自定义Field实现多语言
2019/07/02 Python
python禁用键鼠与提权代码实例
2019/08/16 Python
Python列表元素常见操作简单示例
2019/10/25 Python
pygame实现俄罗斯方块游戏(基础篇3)
2019/10/29 Python
PyTorch中torch.tensor与torch.Tensor的区别详解
2020/05/18 Python
2021年的Python 时间轴和即将推出的功能详解
2020/07/27 Python
草莓网英国官网:Strawberrynet UK
2017/02/12 全球购物
全球性的在线婚纱礼服工厂:27dress.com
2019/03/21 全球购物
应届毕业生个人自我评价
2013/09/20 职场文书
酒店led欢迎词
2014/01/09 职场文书
音乐教学随笔感言
2014/02/19 职场文书
出纳担保书范文
2014/04/02 职场文书
工程竣工验收申请报告
2015/05/15 职场文书
2016年元旦寄语
2015/08/17 职场文书
2016幼儿园教师节新闻稿
2015/11/25 职场文书
优秀创业计划书分享
2019/07/19 职场文书
element多个表单校验的实现
2021/05/27 Javascript
JPA 通过Specification如何实现复杂查询
2021/11/23 Java/Android
Python如何让字典保持有序排列
2022/04/29 Python