精华内容
下载资源
问答
  • qs.parse()、qs.stringify()使用方法

    万次阅读 多人点赞 2017-10-24 19:32:26
    qs是一个npm仓库所管理的包,可通过npm install qs命令进行安装. 1. qs.parse()将URL解析成对象的形式 const Qs = require('qs'); let url = 'method=query_sql_dataset_data&projectId=85&...

    qs是一个npm仓库所管理的包,可通过npm install qs命令进行安装.

    1. qs.parse()将URL解析成对象的形式
    const Qs = require('qs');
    let url = 'method=query_sql_dataset_data&projectId=85&appToken=7d22e38e-5717-11e7-907b-a6006ad3dba0';
    Qs.parse(url);
    console.log(Qs.parse(url));
    

    如上面代码所示,输出结果如下:
    这里写图片描述
    2. qs.stringify()将对象 序列化成URL的形式,以&进行拼接

    const Qs = require('qs');
    let obj= {
         method: "query_sql_dataset_data",
         projectId: "85",
         appToken: "7d22e38e-5717-11e7-907b-a6006ad3dba0",
         datasetId: " 12564701"
       };
    Qs.stringify(obj);
    console.log(Qs.stringify(obj));
    

    如上面代码所示,输出结果如下:
    这里写图片描述
    那么当我们需要传递数组的时候,我们就可以通过下面方式进行处理:
    默认情况下,它们给出明确的索引,如下代码:

    qs.stringify({ a: ['b', 'c', 'd'] });
    // 'a[0]=b&a[1]=c&a[2]=d'
    

    也可以进行重写这种默认方式为false

    qs.stringify({ a: ['b', 'c', 'd'] }, { indices: false });
    // 'a=b&a=c&a=d'
    

    当然,也可以通过arrayFormat 选项进行格式化输出,如下代码所示:

    qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'indices' })
    // 'a[0]=b&a[1]=c'
    qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'brackets' })
    // 'a[]=b&a[]=c'
    qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'repeat' })
    // 'a=b&a=c'
    

    在这里需要注意的是,JSON中同样存在stringify方法,但是两者之间的区别是很明显的,如下所示:

    {"uid":"cs11","pwd":"000000als","username":"cs11","password":"000000als"}
    uid=cs11&pwd=000000als&username=cs11&password=000000als
    

    如上所示,前者是采用JSON.stringify(param)进行处理,后者是采用Qs.stringify(param)进行处理的。


    对于JSON.stringify和JSON的使用可参见:https://blog.csdn.net/suwu150/article/details/76100120

    展开全文
  • Vue之qs安装使用方法

    千次阅读 2020-06-10 21:40:30
    前言:最近在用springboot+vue做一个crm管理项目,其中用到了qs,但是对于qs到底有什么用,怎么用,什么...二、vue中qs安装使用 步骤: 打开控制台输入:npm install qs 在main.js中导入qs插件:import qs from 'q.

    前言:最近在用springboot+vue做一个crm管理项目,其中用到了qs,但是对于qs到底有什么用,怎么用,什么时候用很模糊,希望可以总结笔记加以理解

    一、什么是qs?

    qs是一个流行的查询参数序列化和解析库。可以将一个普通的object序列化成一个查询字符串,或者反过来将一个查询字符串解析成一个object,帮助我们查询字符串解析和序列化字符串。

    二、vue中qs安装使用

    • 步骤
      • 打开控制台输入:npm install qs
      • 在main.js中导入qs插件:import qs from 'qs'
      • 在main.js中配置全局属性:Vue.prototype.$qs = qs

    三、方法:qs.parse()和qs.stringify()

    • qs.parse()是将URL解析成对象的形式

      const str = "username='admin'&password='admin'" 
      console.log(qs.parse(str)) // Object { username: "admin", password: "admin" }
      
    • qs.stringify()是将对象 序列化成URL的形式,以&进行拼接

      qs.stringify({username:'admin', password:'admin'})
      //username=admin&password=admin
      

    另外,附上关于qs更多方法地址,https://blog.csdn.net/sansan_7957/article/details/82227040

    展开全文
  • qs.js库 使用方法

    千次阅读 2019-10-19 11:49:07
    1、qs.js库说明 qs是一个url参数转化(parse和stringify)的js库。 https://www.npmjs.com/package/qs 2、使用(以vue文件做示例) (1)基本...

    1、qs.js库说明

    qs是一个url参数转化(parse和stringify)的js库。

    https://www.npmjs.com/package/qs

    2、使用(以vue文件做示例)

    (1)基本语法

    <template>
        <div>
            qs.js
        </div>
    </template>
    
    <script>
        import qs from 'qs'
        import _ from 'lodash'
        export default {
            components: {},
            methods: {
                qs() {
                    var obj = qs.parse('a=b&c=d');
                    //输出true
                    console.log(_.isEqual(obj, {
                        a: 'b',
                        c: 'd'
                    }))
    
                    var str = qs.stringify(obj);
                    //输出true
                    console.log(_.isEqual(str, 'a=b&c=d'));
                }
            },
            mounted() {
                this.qs();
            }
        };
    </script>
    
    <style scoped>
    
    </style>

    (2)忽略符号?

     

    <template>
    <div>
    qs.js
    </div>
    </template>
    
    <script>
    import qs from 'qs'
    import _ from 'lodash'
    export default {
    components: {},
    methods: {
    qs() {
    //忽略前面的?
    var obj = qs.parse('?a=b&c=d', { ignoreQueryPrefix: true });
    //输出true
    console.log(_.isEqual(obj, {
    a: 'b',
    c: 'd'
    }))
    
    var str = qs.stringify(obj);
    //输出true
    console.log(_.isEqual(str, 'a=b&c=d'));
    }
    },
    mounted() {
    this.qs();
    }
    };
    </script>
    
    <style scoped>
    
    </style>

     

    (3)stringify方法编码

    <template>
    
    <div>
    qs.js
    </div>
    </template>
    
    <script>
    import qs from 'qs'
    import _ from 'lodash'
    export default {
    components: {},
    methods: {
    qs() {
    //输出a[b]=c
    console.log(qs.stringify({
    a: {
    b: 'c'
    }
    }, {
    encode: false
    }))
    }
    },
    mounted() {
    this.qs();
    }
    };
    </script>
    
    <style scoped>
    
    </style>

    (4)qs 处理数组

    <template>
    <div>
    qs.js
    </div>
    </template>
    
    <script>
    import qs from 'qs'
    import _ from 'lodash'
    export default {
    components: {},
    methods: {
    qs() {
    //输出 'a[0]=b&a[1]=c&a[2]=d'
    console.log(qs.stringify({
    a: ['b', 'c', 'd']
    }))
    //输出 a[0]=b&a[1]=c&a[2]=d
    console.log(qs.stringify({
    a: ['b', 'c', 'd']
    }, {
    encode: false
    }))
    //输出 'a=b&a=c&a=d'
    console.log(qs.stringify({
    a: ['b', 'c', 'd']
    }, {
    indices: false
    }))
    }
    },
    mounted() {
    this.qs();
    }
    };
    </script>
    
    <style scoped>
    
    </style>

     


    更多专业前端知识,请上 【猿2048】www.mk2048.com
    展开全文
  • 一、qs(querystring) 库使用方法 qs是一个npm仓库所管理的包 1. 基本使用 安装 npm install qs --save 引入+使用 import qs from 'qs' let url = 'username=lilei&age=23&phone=18600001234' let ...

    一、qs(querystring) 库使用方法

    qs是一个npm仓库所管理的包

    1. 基本使用

    1. 安装
    npm install qs --save
    
    1. 引入+使用
    import qs from 'qs'
    let url = 'username=lilei&age=23&phone=18600001234'
    let urlObj = qs.parse(url)
    console.log(urlObj)
    /*
     {
     	username:'lilei',
     	age:'23',
     	phone:'18600001234'
     }
    */
    

    2. qs.parse()

    qs.parse() 用于将URL解析成对象的形式

    3. qs.stringify()

    qs.stringify()将对象 序列化成URL的形式,以&进行拼接

    import qs from 'qs'
    let urlObj = {
     		username:'lilei',
     		age:'23',
     		phone:'18600001234'
     	}
    let url = qs.stringify(urlObj)
    console.log(url)  //'username=lilei&age=23&phone=18600001234'
    

    3.1 传递数组

    默认情况下,会给出明确的索引。

    import qs from 'qs'
    let url = qs.stringify({a:[2,3,4]})
    console.log(url)//'a[0]=2&a[1]=3&a[2]=4'
    

    也可以重写这种默认方式为false

    import qs from 'qs'
    let url = qs.stringify({a:[2,3,4]}, { indices: false })
    console.log(url)//'a=2&a=3&a=4'
    

    当然,也可以通过arrayFormat选项进行格式化输出

    import qs from 'qs'
    let url1 = qs.stringify({ a: [2, 3]}, { arrayFormat: 'indices' })
    let url2 = qs.stringify({ a: [2, 3]}, { arrayFormat: 'brackets' })
    let url3 = qs.stringify({ a: [2, 3]}, { arrayFormat: 'repeat' })
    
    console.log(url1)// 'a[0]=2&a[1]=3'
    console.log(url1)// 'a[]=2&a[]=3'
    console.log(url1)// 'a=2&a=3'
    

    4. 与 JSON.stringify() 的区别

    import qs from 'qs'
    let urlObj = {
     		username:'lilei',
     		age:'23',
     		phone:'18600001234'
     	}
    let url = qs.stringify(urlObj)
    let json = JSON.stringify(urlObj)
    console.log(url)//'username=lilei&age=23&phone=18600001234'
    console.log(json)//{"username":"lilei","age":"23","phone":"18600001234"}
    
    展开全文
  • Vue 之 qs.parse()、qs.stringify()使用方法

    千次阅读 2020-06-11 10:49:03
    qs是一个npm仓库所管理的包,可通过npm install qs命令进行安装. 1.qs.parse()将URL解析成对象的形式 const Qs = require('qs'); let url = 'method=query_sql_dataset_data&projectId=85&appToken=7d22e38e-...
  • Vue axios和qs安装使用

    千次阅读 2020-04-01 16:55:51
    工作原理特性兼容性安装使用qs安装通常使用的两种形式 axios 什么是axios? Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 工作原理 axios为客户端提供了在客户端和服务器之间传输数据的功能...
  • qs.js使用方法

    2017-12-29 11:11:00
    占个空 转载于:https://www.cnblogs.com/qdcnbj/p/8143474.html
  • 通常一些小型的项目,没必要大费周章...注意:Axios与Qs必须配合使用,否则后台会拿不到数据 CDN引入: Axios:&lt;script src="https://unpkg.com/axios/dist/axios.min.js"&gt;&lt;/scri...
  • 传参格式 qs.stringify()使用方法

    千次阅读 2020-06-24 19:13:21
    qs是一个npm仓库所管理的包,可通过npm install qs命令进行安装(axios 自带qs ,// import qs from 'qs') 1. qs.parse()将URL解析成对象的形式: let url = 'user=wdx&pwd=123&appToken=7d22e38e-5717-11e...
  • CDN 引入 axios 和 qs 及其使用方法

    千次阅读 2020-08-21 10:38:18
    一些小项目,没必要搭建脚手架,直接以CDN的方式引入 qs的一些使用方法 qs.parse qs.parse 方法可以把一段格式化的字符串转换为对象格式,比如 let url = 'http://localhost/index.htm?a=1&b=2&c=&d=xxx&e';...
  • vue 中qs以及axios的安装使用

    千次阅读 2019-09-05 15:03:33
    首先我们要先理解qs和axios到底帮...具体的使用通常使用的有两种形式: qs.parse();作用是将URL解析成对象的形式 。 let url = 'a=1&b=2&c=3'; Qs.parse(url); //输出结果 { a:'1', b:'2', c...
  • qs插件使用

    2020-08-17 18:00:53
    首先终端中npm install qs安装qs插件 在需要用到的组件中:<script里面>import qs from ‘qs’(因为main.js中有了,所以可以直接这样from ‘qs’) 两种使用方法 1.qs.parse()将url解析成对象 2.qs.stringify()...
  • 在项目中频繁用到axios 各种方法的传参,还有路由传参,也用的很多。总结一下! **1路由传参:** &lt;div class="content-box" v-for="(item,index) in contentArr" :key="index"...
  • cp from : ... qs是一个npm仓库所管理的包,可通过npm install qs命令进行安装. 1. qs.parse()将URL解析成对象的形式 const Qs = require('qs'); let url = 'method=query_sql_dataset_...
  • qs是一个npm仓库所管理的包,可通过npm install qs命令进行安装.  1. qs.parse()将URL解析成对象的形式 const Qs = require('qs'); let url = 'method=query_sql_dataset_data&amp;projectId=85&amp;app...
  • 前端qs插件使用

    千次阅读 2020-10-13 14:36:34
    安装 npm install qs 引入 import qs from 'qs方法qs.parse() qs.parse()是将url解析成对象 方法qs.stringify() qs.stringify()对象解析成url 如果想解析数组,需加上第二个参数{ arrayFormat: ‘indices’} ...
  • qs是一个npm仓库所管理的包,可通过npm install qs命令进行安装. (axios 自带qs ,// import qs from 'qs') 1. qs.parse()将URL解析成对象的形式: const Qs = require('qs'); let url = 'method=query_sql_...
  • qs是一个npm仓库所管理的包,可通过npm install qs命令进行安装. 1. qs.parse()将URL解析成对象的形式 const Qs = require('qs'); let url = 'method=query_sql_dataset_data&amp;projectId=85&amp;appToken...
  • react 使用qs

    2020-02-24 18:11:42
    react 使用qs qs是一个npm仓库所管理的包 1.qs.parse()将URL解析成对象的形式 1 import Qs from 'qs'; 2 let url = 'method=query_sql_dataset_data&projectId=85&appToken=7d22e38e-5717-11e7-907b-a6006ad...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 6,278
精华内容 2,511
关键字:

qs使用方法安装