美文网首页
qs.stringfy

qs.stringfy

作者: 张德瘦嬢嬢 | 来源:发表于2020-12-20 02:36 被阅读0次

qs是什么?

qs是npm仓库所管理的包,可以通过npm install qs安装,因此我们可以直接通过require('qs')引用得到哦~。

qs.stringify()作用是将对象或者数组序列化成URL的格式。那么这句话是什么意思呢?

举两个栗子:

qs.stringfy

对象序列化

let obj = {
methods: 'get'
id: 1,
name: 'zhangdeshou'
}
qs.stringify(obj)
//   methods=get&id=1&name=zhangdeshou    这就是我们的传到服务器的url

数组序列化

let arr = [2,3]
qs.stringify({a:arr})
// 'arr[0]=2&arr[1]=3'

这种格式可以进行转为序列化,但是url中会带有数组的下标a[0]、a[1],这并不是我们一般的处理办法。常用方法如下:

// 常用并推荐使用

let arr = [2,3]
qs.stringify({a:arr},{indices:false});
// 'arr=2&arr=3' 注意这个格式,一般使我们常用的格式哦~

其中:indices:false,去除默认处理的方式。如果不写这个的话,则默认是第一种处理的方式(带下标)。

qs.parse

qs.parse()则就是反过来啦,将我们通过qs.stringify()序列化的对象或者数组转回去。

举个栗子:

let url = 'id=1&name=chenchen'
qs.stringify(url)
// {id:1,name:chenchen}  

最后贴一个我司的一个api,给大家一个真实的感受:

// data.js

import request from '@/utils/request'
import qs from 'qs'

export function initData(url, params) {
  return request({
    url: url + '?' + qs.stringify(params, { indices: false }),
    method: 'get'
  })
}

相关文章

  • qs.stringfy

    qs是什么? qs是npm仓库所管理的包,可以通过npm install qs安装,因此我们可以直接通过requi...

网友评论

      本文标题:qs.stringfy

      本文链接:https://www.haomeiwen.com/subject/kkyngktx.html