vue中qs的使用

qs

qs主要用于参数序列化,处理发送请求的参数
qs官网:qs官网

qs安装

下载安装:

全局安装:npm install qs
使用淘宝镜像:cnpm install qs

文件中引入:

import qs from qs

使用:

//调用接口,发送请求获取数据
http.get("api/manage/console/getcheck_infobyid/?"+
//使用qs将name,status,pageSize,pageNo这些参数序列化
qs.stringfy({
	name: this.username,
	status: this.status,
	pageSize: this.pageSize,
	pageNo: this.pageNo
)).then((res)=>{
	this.list = res.data.datalist;
}).catch((e)=>{
	http.showError(e);
})

qs使用之qs.parse()

qs.parse()是将url解析成对象的形式
例1:

let paramesStr = "a=周杰伦&b=林俊杰&c=薛之谦&d=Uu",
qs.parse(paramesStr)
处理之后以上paramesStr 就会成为对象
{
	a: "周杰伦",
	b: "林俊杰",
	c: "薛之谦",
	d: "Uu"
}

qs使用之qs.stringify()

qs.stringfy()是将对象序列化成url的形式,用&进行拼接
例2:

let paramsObj = {
	a: "周杰伦",
	b: "林俊杰",
	c: "薛之谦",
	d: "Uu"
}
qs.stringify(paramsObj)
//上边的对象经过处理后就会变成
a=周杰伦&b=林俊杰&c=薛之谦&d=Uu

写在最后:
第一次写博客,有点小激动…
如果我的文章帮助到了您,动动小手,点亮你们的小红心
如果发现不当之处,欢迎指正,我会积极改正

一个喜欢前端的杰迷


版权声明:本文为qq_42635539原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。