qs.parse()qs.stringify()使用方法(代码片段)

zyl96 zyl96     2023-02-21     437

关键词:

最近在别的博客看到的,正好也要用就记录一下。

一、下载:

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";

console.log(Qs.parse(url));

出来的结果是:

  methos:‘query_sql_dataset_data‘,

  projectId:‘85‘,

  appToken:‘7d22e38e-5717-11e7-907b-a6006ad3dba0‘

 

2.qs.stringify()       将对象序列化为URL的形式,以&拼接。可是说是与qs.parse()相对应

例如:

let obj=

  methos:‘query_sql_dataset_data‘,

  projectId:‘85‘,

  appToken:‘7d22e38e-5717-11e7-907b-a6006ad3dba0‘

console.log(Qs.stringify(obj));

出来的结果是:

method=query_sql_dataset_data&projectId=85&appToken=7d22e38e-5717-11e7-907b-a6006ad3dba0

 

所以,当我们需要传递数组时:

(1)就可以:     Qs.stringify( a: [‘b‘, ‘c‘, ‘d‘] );                // ‘a[0]=b&a[1]=c&a[2]=d‘

(2)也可以 :    qs.stringify( a: [‘b‘, ‘c‘, ‘d‘] , indices: false ); // ‘a=b&a=c&a=d‘

(3)还可以通过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‘

3.注意:JSON中也存在stringify方法,但两者是有区别的。

JSON:"uid":"cs11","pwd":"000000als","username":"cs11","password":"000000als"

Qs:uid=cs11&pwd=000000als&username=cs11&password=000000als

 

原文章地址:https://blog.csdn.net/suwu150/article/details/78333452

 








qs.parse()qs.stringify()使用方法

...);console.log(Qs.parse(url));如上面代码所示,输出结果如下:2.qs.stringify()将对象序列化成URL的形式,以&进行拼接constQs=require(‘qs‘);letobj=method:"query_sql_dataset_data",projectId:"85",appToken:"7d22e38e-5717-11e7-907b-a6006ad3dba0",datasetId:"12564701";Qs.string... 查看详情

qs.parse()qs.stringify()使用方法(代码片段)

qs是一个npm仓库所管理的包,可通过npminstallqs命令进行安装.qs.parse()将URL解析成对象的形式constQs=require('qs');leturl='method=query_sql_dataset_data&projectId=85&appToken=7d22e38e-5717-11e7 查看详情

qs.stringify、qs.parse、json.stringify的使用和区别

...安装,是一个npm仓库所管理的包。importqsfrom'qs'而qs.stringify()将对象序列化成URL的形式,以&进行拼接。如图qs.parse()将URL解析成对象的形式JSON是正常类型的JSON JSON.stringify同qs.stringify()对比,功能虽然是都是序列化,但是... 查看详情

qs.parse()qs.stringify()使用方法(代码片段)

...85‘,  appToken:‘7d22e38e-5717-11e7-907b-a6006ad3dba0‘ 2.qs.stringify()    将对象序列化为URL的形式,以&拼接。可是说是与qs.parse()相对应例如:letobj=  methos:‘query_sql_dataset_data‘,  projectId:‘85‘,  appToken:‘7d2... 查看详情

qs.stringify和json.stringify()

vara={name:‘hehe‘,age:10};qs.stringify(a)//‘name=hehe&age=10‘JSON.stringify(a)//‘{"name":"hehe","age":10}‘vara=‘{name:"hehe",age:10}‘;qs.parse(a)//{‘{name:"hehe",age:10}‘:‘‘}varc=‘{name:"hehe",age 查看详情

qs.js在js项目中的使用

.../6.9.3/qs.min.js"></script>在页面上直接引用window.Qs.stringify():将对象转换成以&拼接的形式window.Qs.parse():将URL解析成对象的形式或者Vue.use(Qs)Qs.stringify():将对象转换成以&拼接的形式Qs.parse():将URL解析成对象的形式2)通过... 查看详情

vue中qs插件的使用

...后在需要用到的组件中:importqsfrom’qs’qs.parse()和qs.stringify()区别:qs.parse()是将URL解析成对象的形式qs.stringify()是将对象序列化成URL的形式&# 查看详情

vue中qs插件的使用

...:importqsfrom ‘qs’具体使用中我查看了:qs.parse()和qs.stringify()这两种方法虽然都是序列化,但是还是有区别的。qs.parse()是将URL解析成对象的形式qs.stringify()是将对象序列化成URL的形式,以&进行拼接解决我遇到的问题我使用... 查看详情

qs库使用指南(代码片段)

...嵌套。它上手很容易:Qs.parse('x[]=1')//x:['1']Qs.stringify(x:[1])//x%5B0%5D=1qs的两个方法都接受一个可选的第二参数,可以让我们对结果进行配置,个人觉得比较有用的有以下几个:ignoreQueryPrefix和addQueryPrefixignoreQueryPrefix这个... 查看详情

[react-router]react-router怎么获取url的参数?(代码片段)

...f1a;//query传参this.props.history.push(pathname:'list',search:qs.stringify(a:123,),)//取值importqsfrom'qs';//类组件中取值constparamStr=this.props.location.search.slice(1);qs.parse(paramStr);//a:'123'//在函数式组件中取值constlocation=useLocation();co... 查看详情

小tips:qs.stringify()和json.stringify()的区别以及在vux中使用post提交表单数据需要qs库序列化

...列化。假设我要提交的数据如下vara={name:‘hehe‘,age:10};qs.stringify序列化结果如下name=hehe&age=10而JSON.stringify序列化结果如下:"{"a":"hehe","age":10}"vux中使用post提交表单数据:this.$htt 查看详情

qs.stringify详解

参考技术A默认情况下,axios将JavaScript对象序列化为JSON。要以application/x-www-form-urlencoded格式发送数据,您可以使用以下选项之一。或者以另一种方式(ES6)详解:axios默认的content-type是application/json也就是java后端经常让你把参数放... 查看详情

vue中用qs传参发送axios请求

方法一:首先在npm中安装:npminstallqs然后再项目中引入importqsfrom‘qs‘然后我们发送Axios的时候就可以使用qs.stringify了 axios.post(‘http://192.168.33.10:8009/api/token‘,     qs.stringify(   & 查看详情

qs:vue中qs的使用(代码片段)

...之间用&拼接(拼接是由底层处理,无需手动操作)qs.stringify()转换成查询字符串letcomments=content:this.inputV 查看详情

上传文件时,将file对象,经过qs.stringfly处理后,file文件被过滤(代码片段)

...e=>varbb=lang:1,fileinfo:e.target.result,enen:2;console.log(bb)varxx=Qs.stringify(bb);console.log(xx);)以上是处理方法,原因是我们拿到的file是File的示例,不包含文件,需要filereader才能获取到真实文件。问题还原:varbb=lang:1,fileinfo:function(),enen:2;cons... 查看详情

序列化json对象的三种方式

...即是把json对象转换成json字符串,通常情况下都是用JSON.stringify方法,其实还有另外两个库可以实现此需求,但它们之间有些区别。上面的json对象qs.stringify序列化结果如下:而JSON.stringify序列化结果如下:总结:从以上简单的对... 查看详情

vuepost正确请求姿势

首先:增加vue配置//qs是axios带有的,无需安装importQsfrom'qs'//配置axiospost请求时发送formDataaxios.defaults.transformRequest=[function(data){data=Qs.stringify(data);returndata;}];GET使用方式数据放于params中this.axios({method:"GET" 查看详情

爬虫01-urllib常用函数

fromurllibimportrequestfromurllibimportparse#1.读取网页url="http://www.baidu.com"resp=request.urlopen(url)#print(resp.getcode())#获取响应码#print(resp.read())#读取网页#print(resp.readline())#读取一行#print(resp.readlines()[1])#读取网页返回列表#2.下载request.urlretrieve("ht... 查看详情