>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 20037 个阅读者 刷新本主题
 * 贴子主题:  qs.parse()、qs.stringify()、JSON.stringify() 用法及区别 回复文章 点赞(0)  收藏  
作者:Jacky    发表时间:2021-05-05 03:33:47     消息  查看  搜索  好友  邮件  复制  引用

                      
在处理数据的时候,有时候我们需要将对象和字符串和json之间进行转换,这个时候我们可以使用以下的方法
  •   qs是一个npm仓库所管理的包,可通过npm install qs命令进行安装。
  •   qs.stringify()将对象序列化成URL的形式,以&进行拼接。
  •   qs.parse()将URL解析成对象的形式 。
  •   JSON.stringify()是正常类型的JSON。
< template >
   < section  class ="p-10" >
     < div  class ="app" >
       < el-button  type ="danger"  @click ="get()" >点击 </ el-button >
     </ div >
   </ section >
</ template >
< script >
  import qs from  ' qs ' ;
  export  default  {
    methods: {
      get() {
        let obj  =  {
          name:  ' enhui ' ,
          age:  19 ,
          sex:  ' female '
        };
        let str  =  qs.stringify(obj);
         console.log(str);  // 将Object对象转换为以&链接的url
        let obj2  =  qs.parse(str);
         console.log(obj2); // 将URL解析成对象
        let obj3  =  JSON.stringify(obj);
         console.log(obj3);  // 将对象转换为json
      }
    }
  };
</ script >

      点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小

      
    
----------------------------
原文链接:https://www.cnblogs.com/jin-zhe/p/10049876.html

程序猿的技术大观园:www.javathinker.net



[这个贴子最后由 flybird 在 2021-06-23 15:25:41 重新编辑]
  Java面向对象编程-->按面向对象开发的基础范例
  JavaWeb开发-->自定义JSP标签(Ⅰ)
  JSP与Hibernate开发-->使用JPA和注解
  Java网络编程-->基于MVC和RMI的分布式应用
  精通Spring-->
  Vue3开发-->Vue指令
  聊聊Nodejs中的模块化和事件循环
  勇闯28个关卡学会HTML与HTML5基础
  Vue 项目从 Vue CLI 2 升级到 Vue CLI 4
  Vue项目PWA化
  JavaScript输出格式化日期和时间
  加快 Vue 项目的开发速度
  H5定位终极解决方案
  HTML表单元素的用法
  JavaScript的HTML DOM MenuItem 对象
  JavaScript的Window 对象
  CSS3的响应式 Web 设计:媒体查询
  CSS3 文本效果
  JavaScript的window.screen对象
  JavaScript prototype(原型对象)
  JavaScript 的字符串以及处理方法
  更多...
 IPIP: 已设置保密
楼主      
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


中文版权所有: JavaThinker技术网站 Copyright 2016-2026 沪ICP备16029593号-2
荟萃Java程序员智慧的结晶,分享交流Java前沿技术。  联系我们
如有技术文章涉及侵权,请与本站管理员联系。