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 相关文章推荐
cnblogs 代码高亮显示后的代码复制问题解决实现代码
Dec 14 Javascript
jquery 扑捉回车键事件代码
Apr 24 Javascript
jquery对象和DOM对象的任意相互转换
Feb 21 Javascript
JavaScript动态生成二维码图片
Apr 20 Javascript
webpack常用配置项配置文件介绍
Nov 07 Javascript
基于HTML5+JS实现本地图片裁剪并上传功能
Mar 24 Javascript
Angularjs使用指令做表单校验的方法
Mar 31 Javascript
jQuery Validate 校验多个相同name的方法
May 18 jQuery
在vue.js中抽出公共代码的方法示例
Jun 08 Javascript
微信分享调用jssdk实例
Jun 08 Javascript
Angular4如何自定义首屏的加载动画详解
Jul 26 Javascript
mpvue小程序循环动画开启暂停的实现方法
May 15 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+javascript的日历控件
2009/11/19 PHP
基于php在各种web服务器的运行模式详解
2013/06/03 PHP
PHP正则匹配日期和时间(时间戳转换)的实例代码
2016/12/14 PHP
php中简单的对称加密算法实现
2017/01/05 PHP
php中文语义分析实现方法示例
2019/09/28 PHP
JS代码格式化和语法着色V2
2006/10/14 Javascript
JsDom 编程小结
2011/08/09 Javascript
解析javascript 数组以及json元素的添加删除
2013/06/26 Javascript
jquery 获取dom固定元素 添加样式的简单实例
2014/02/04 Javascript
jQuery时间插件jquery.clock.js用法实例(5个示例)
2016/01/14 Javascript
Java  Spring 事务回滚详解
2016/10/17 Javascript
vue-cli如何添加less 以及sass
2017/07/06 Javascript
Javascript 编码约定(编码规范)
2018/03/11 Javascript
js+canvas实现滑动拼图验证码功能
2018/03/26 Javascript
浅谈在node.js进入文件目录的问题
2018/05/13 Javascript
浅析vue.js数组的变异方法
2018/06/30 Javascript
使用koa-log4管理nodeJs日志笔记的使用方法
2018/11/30 NodeJs
原生js实现each方法实例代码详解
2019/05/27 Javascript
Vue设置长时间未操作登录自动到期返回登录页
2020/01/22 Javascript
python基础教程之循环介绍
2014/08/29 Python
python检测远程服务器tcp端口的方法
2015/03/14 Python
改进Django中的表单的简单方法
2015/07/17 Python
Python实现基于二叉树存储结构的堆排序算法示例
2017/12/08 Python
详解python配置虚拟环境
2019/04/08 Python
python实现趣味图片字符化
2019/04/30 Python
django组合搜索实现过程详解(附代码)
2019/08/06 Python
python批量解压zip文件的方法
2019/08/20 Python
Keras中 ImageDataGenerator函数的参数用法
2020/07/03 Python
html5仿支付宝密码框的实现代码
2017/09/06 HTML / CSS
HTML5边玩边学(2)基础绘图实现方法
2010/09/21 HTML / CSS
非洲NO.1网上商店:Jumia肯尼亚
2016/08/18 全球购物
JBL澳大利亚官方商店:扬声器、耳机和音响系统
2018/05/24 全球购物
查找廉价航班和发现新目的地:Kiwi.com
2019/02/25 全球购物
会计毕业自我鉴定
2014/02/05 职场文书
小学班主任培训方案
2014/06/04 职场文书
深入浅出的讲解:信号调制到底是如何实现的
2022/02/18 无线电