欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

qs.stringify和qs.parse你用过吗?

程序员文章站 2022-04-01 11:23:41
看到stringify最容易让人想到JSON.stringify.两种方法都是数据类型的转换。言归正传,qs.stringify,将对象数据转为字符串,并用&进行拼接。看到&,就知道了qs.stringify的作用,用于前后端参数传递的时候。前端通过这个方法,将要传递的对象转换成字符串,拼接成带参数的请求地址。安装qsnpm install qs yarn add qs按需加载,如果你只需要用到qs中的stringify的话。import stringify from 'qs/...

看到stringify最容易让人想到JSON.stringify.两种方法都是数据类型的转换。

言归正传,qs.stringify,将对象数据转为字符串,并用&进行拼接。看到&,就知道了qs.stringify的作用,用于前后端参数传递的时候。前端通过这个方法,将要传递的对象转换成字符串,拼接成带参数的请求地址。

安装qs

npm install qs 
yarn add qs

按需加载,如果你只需要用到qs中的stringify的话。

import stringify from 'qs/lib/stringify';

整个引入

import qs from 'qs';
stringify(
	 {
	   title: formValue.paperTitle,
	   keywords: formValue.keywords,
	   //formValue.keywords = ['bbb','ddd']
	 },
	 { indices: false },
        ),
       //转为 itle=fsda1&keywords=bbb&keywords=ddd
stringify(
	 {
	   title: formValue.paperTitle,
	   keywords: formValue.keywords,
	   //formValue.keywords = ['bbb','ddd']
	 },
        ),
       //转为 itle=fsda1&keywords[0]=bbb&keywords[1]=ddd

如同JSON.stringify和JSON.parse一样,qs.stringIfy和qs.parse也是成对出现。
qs.parse则是将拿到的字符串转为对象

本文地址:https://blog.csdn.net/glorydx/article/details/107362067

相关标签: 前端逻辑基础