qs的兩個(gè)方法是：1、stringify方法，用于將對(duì)象序列化成url形式的字符串，以“&”符號(hào)進(jìn)行拼接，語法“qs.stringify(data)”；2、parse方法，用于將URL形式的字符串解析成對(duì)象，語法“qs.parse(data)”。

本教程操作環(huán)境：windows7系統(tǒng)、vue3版，DELL G3電腦。

一、qs是什么？

qs 是一個(gè)增加了一些安全性的查詢字符串解析和序列化字符串的庫?？梢赃M(jìn)行對(duì)象與字符串之間的一個(gè)轉(zhuǎn)換。

二、qs的安裝

qs，是axios中自帶的，也是npm倉庫所管理的包。

安裝方式：

npm install qs

Vue項(xiàng)目中的導(dǎo)入方式：

import qs from 'qs'

Vue項(xiàng)目中的main.js中設(shè)置全局屬性的方式：

Vue.prototype.$qs = qs

三、qs應(yīng)用場景

使用axios，調(diào)用后端接口時(shí)使用到的。

請(qǐng)求方式為post，axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urllencoded'，將對(duì)象或數(shù)組的參數(shù)使用qs.stringify()進(jìn)行序列化轉(zhuǎn)化

四、qs使用

介紹它的兩個(gè)方法：stringify和parse。

qs.stringify(data)

stringify方法，是將對(duì)象序列化成url形式的字符串，以&符號(hào)進(jìn)行拼接。

onst 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));

如上面代碼所示,輸出結(jié)果如下

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

qs.parse(data)

parse方法，是將URL形式的字符串解析成對(duì)象

示例及輸出效果如下:

import qs from 'qs'  const userStr = 'name=xiaoming&password=123456' //qs.parse(userStr) console.log('轉(zhuǎn)換后的格式：',qs.parse(userStr))  // Object{ //          name:'xiaoming', //          password:'123456' //        }

五、qs與JSON的區(qū)別

一直不太了解qs與JSON到底有什么區(qū)別？！網(wǎng)上仔細(xì)查了一下，總結(jié)如下：

【