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 相关文章推荐
菜单效果
Oct 14 Javascript
改写一个简单的菜单 弹性大小
Dec 02 Javascript
详解JavaScript函数绑定
Aug 18 Javascript
JavaScript图片放大技术(放大镜)实现代码分享
Nov 14 Javascript
jQuery插件slick实现响应式移动端幻灯片图片切换特效
Apr 12 Javascript
浅析jquery unbind()方法移除元素绑定的事件
May 24 Javascript
js操作数据库实现注册和登陆的简单实例
May 26 Javascript
js图片放大镜实例讲解(必看篇)
Jul 17 Javascript
vue-cli + sass 的正确打开方式图文详解
Oct 27 Javascript
在vue中解决提示警告 for循环报错的方法
Sep 28 Javascript
详解a标签添加onclick事件的几种方式
Mar 29 Javascript
JS扁平化输出数组的2种方法解析
Sep 17 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中实现图片的锐化
2006/10/09 PHP
php+mysql开源XNA 聚合程序发布 下载
2007/07/13 PHP
PHP fopen函数用法实例讲解
2019/02/15 PHP
javascript 动态数据下的锚点错位问题解决方法
2008/12/24 Javascript
javascript RadioButtonList获取选中值
2009/04/09 Javascript
javascript setTimeout()传递函数参数(包括传递对象参数)
2010/04/07 Javascript
JQuery+JS实现仿百度搜索结果中关键字变色效果
2011/08/02 Javascript
浅谈javascript中的作用域
2012/04/07 Javascript
解读JavaScript中 For, While与递归的用法
2013/05/07 Javascript
addEventListener()第三个参数useCapture (Boolean)详细解析
2013/11/07 Javascript
js验证整数加保留小数点的简单实例
2013/12/02 Javascript
js 跳出页面的frameset框架示例介绍
2013/12/23 Javascript
原生js实现fadein 和 fadeout淡入淡出效果
2014/06/05 Javascript
JavaScipt中栈的实现方法
2016/02/17 Javascript
详解javascript中对数据格式化的思考
2017/01/23 Javascript
jQuery滚动监听实现商城楼梯式导航效果
2017/03/06 Javascript
Vue.js对象转换实例
2017/06/07 Javascript
js移动端事件基础及常用事件库详解
2017/08/15 Javascript
ng-events类似ionic中Events的angular全局事件
2018/09/05 Javascript
jQuery实现全选、反选和不选功能的方法详解
2019/12/04 jQuery
使用Vue实现简单计算器
2020/02/25 Javascript
JavaScript实现字符串与HTML格式相互转换
2020/03/17 Javascript
Python中的tuple元组详细介绍
2015/02/02 Python
Windows中安装使用Virtualenv来创建独立Python环境
2016/05/31 Python
python3.4用循环往mysql5.7中写数据并输出的实现方法
2017/06/20 Python
Python系统监控模块psutil功能与经典用法分析
2018/05/24 Python
英国时尚家具、家居饰品及礼品商店:Graham & Green
2016/09/15 全球购物
美国男女折扣服饰百货连锁店:Stein Mart
2017/05/02 全球购物
马来西亚综合购物网站:Lazada马来西亚
2018/06/05 全球购物
名人珠宝设计师:Melinda Maria Jewelry
2019/03/06 全球购物
车间主管岗位职责
2013/11/14 职场文书
大学生志愿者活动总结
2014/06/27 职场文书
机关领导干部作风整顿整改措施
2014/09/19 职场文书
严以用权学习心得体会
2016/01/12 职场文书
php远程请求CURL案例(爬虫、保存登录状态)
2021/04/01 PHP
win10怎么设置右下角图标不折叠?Win10设置右下角图标不折叠的方法
2022/07/15 数码科技