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 相关文章推荐
入门基础学习 ExtJS笔记(一)
Nov 11 Javascript
改进UCHOME的记录发布,增强可访问性用户体验
Jan 17 Javascript
利用进制转换压缩数字函数分享
Jan 02 Javascript
关于img的href和src取变量及赋值的方法
Apr 28 Javascript
JavaScript中的lastIndexOf()方法使用详解
Jun 06 Javascript
js实现简单的网页换肤效果
Jan 18 Javascript
js实现楼层导航功能
Feb 23 Javascript
JavaScript实现的选择排序算法实例分析
Apr 14 Javascript
jQuery加密密码到cookie的实现代码
Apr 18 jQuery
微信分享调用jssdk实例
Jun 08 Javascript
Webpack按需加载打包chunk命名的方法
Sep 22 Javascript
javascript设计模式 ? 状态模式原理与用法实例分析
Apr 22 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 生成的XML以FLASH获取为乱码终极解决
2009/08/07 PHP
php var_export与var_dump 输出的不同
2013/08/09 PHP
3种方法轻松处理php开发中emoji表情的问题
2016/07/18 PHP
Joomla框架实现字符串截取的方法示例
2017/07/18 PHP
多个iframe自动调整大小的问题
2006/09/18 Javascript
分享十五个最佳jQuery 幻灯插件和教程
2010/03/27 Javascript
js中将字符串转换成json的三种方式
2011/01/12 Javascript
JavaScript中的闭包(Closure)详细介绍
2014/12/30 Javascript
Javascript中arguments和arguments.callee的区别浅析
2015/04/24 Javascript
将页面table内容与样式另存成excel文件的方法
2015/08/05 Javascript
jquery对dom节点的操作【推荐】
2016/04/15 Javascript
非常实用的js验证框架实现源码 附原理方法
2016/06/08 Javascript
jQuery实现鼠标经过像翻页和描点链接效果
2016/08/08 Javascript
js实现适配不同的屏幕大小
2017/04/10 Javascript
JavaScript事件方法(实例讲解)
2017/06/27 Javascript
React-native桥接Android原生开发详解
2018/01/17 Javascript
原生JS实现的多个彩色小球跟随鼠标移动动画效果示例
2018/02/01 Javascript
基于jquery ajax的多文件上传进度条过程解析
2019/09/11 jQuery
Vue3.0数据响应式原理详解
2019/10/09 Javascript
nodejs使用Sequelize框架操作数据库的实现
2020/10/21 NodeJs
[39:53]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第一场 11.19
2020/11/19 DOTA
用PyQt进行Python图形界面的程序的开发的入门指引
2015/04/14 Python
python简单实现旋转图片的方法
2015/05/30 Python
Python实现简单石头剪刀布游戏
2021/01/20 Python
python判断文件是否存在,不存在就创建一个的实例
2019/02/18 Python
TensorFlow基于MNIST数据集实现车牌识别(初步演示版)
2019/08/05 Python
用Python写一个自动木马程序
2019/09/17 Python
css3 利用transform打造走动的2D时钟
2020/10/20 HTML / CSS
HTML5头部标签的一些常用信息小结
2016/10/23 HTML / CSS
北美三大旅游网站之一:Travelocity
2017/08/12 全球购物
英国马莎百货印度官网:Marks & Spencer印度
2020/10/08 全球购物
yy生日主持词
2014/03/20 职场文书
2014年党的群众路线教育实践活动总结
2014/04/25 职场文书
食品安全工作方案
2014/05/07 职场文书
信用卡工资证明范本
2015/06/19 职场文书
2015年暑假生活总结
2015/07/13 职场文书