JS将网址url转化为JSON格式的方法

 更新时间:2018年07月02日 11:31:57   作者:0带带大师兄0  
这篇文章主要介绍了JS将网址url转化为JSON格式的方法,需要的朋友可以参考下

网上方法很多,各种奇技淫巧,这里贴上一种较为正常的思路。

主要利用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格式的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • js实现完美兼容各大浏览器的人民币大小写相互转换

    js实现完美兼容各大浏览器的人民币大小写相互转换

    在基于网页的打印输出或报表中,经常会牵扯到金额的大写,每次都打上去很麻烦,所以想法用一个JavaScript客户端脚本来实现自动转换,只需在需要显示大写金额的时候调用该JS函数,下面我们就来汇总下吧
    2015-10-10
  • layer弹出层的关闭问题详解之在执行完毕后关闭当前弹出层

    layer弹出层的关闭问题详解之在执行完毕后关闭当前弹出层

    在前端页面中用layer打开窗口供用户输入或选择是非常常见的用法,但是有时为了完成一次操作,需要弹出多个窗口进行选择、输入或者提示,因此在关闭窗口的时候需要实现指定关闭任意窗口,需要的朋友可以参考下
    2023-10-10
  • JavaScript如何借用构造函数继承

    JavaScript如何借用构造函数继承

    这篇文章主要介绍了JavaScript如何借用构造函数继承,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-11-11
  • js点击返回跳转到指定页面实现过程

    js点击返回跳转到指定页面实现过程

    这篇文章主要为大家详细介绍了js点击返回跳转到指定页面实现过程,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • js实现视频镜面反转的示例代码

    js实现视频镜面反转的示例代码

    这篇文章主要为大家详细介绍了如何利用JavaScript实现视频镜面反转的效果,文中的示例代码简洁易懂,感兴趣的小伙伴可以跟随小编一起学习一下
    2023-11-11
  • js 转json格式的字符串为对象或数组(前后台)的方法

    js 转json格式的字符串为对象或数组(前后台)的方法

    下面小编就为大家带来一篇js 转json格式的字符串为对象或数组(前后台)的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-11-11
  • js数组操作方法总结(必看篇)

    js数组操作方法总结(必看篇)

    下面小编就为大家带来一篇js数组操作方法总结(必看篇)。小编觉得挺不错的,希望对大家有所帮助。一起跟随小编过来看看吧,祝大家游戏愉快哦
    2016-11-11
  • 一个多次搜索+多次传值的解决方案

    一个多次搜索+多次传值的解决方案

    一个多次搜索+多次传值的解决方案...
    2007-01-01
  • js 立即调用的函数表达式如何写

    js 立即调用的函数表达式如何写

    如果不需要显示调用函数, 让这个函数在定义的时候就执行的话, 该如何写才可以呢,下面为大家介绍下具体的实现步骤,喜欢的朋友可以了解下
    2014-01-01
  • javascript实现鼠标点击生成文字特效

    javascript实现鼠标点击生成文字特效

    这篇文章主要为大家详细介绍了javascript实现鼠标点击生成文字特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-12-12

最新评论