正文

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

风雨后见彩虹  2022-02-14  614

关键词：

qs库的npm地址：https://www.npmjs.com/package/qs

功能虽然都是序列化。假设我要提交的数据如下

var a = {name:‘hehe‘,age:10};

qs.stringify序列化结果如下
name=hehe&age=10

而JSON.stringify序列化结果如下：
"{"a":"hehe","age":10}"

vux中使用post提交表单数据：

this.$http.post(this.$sign.config.url.loginUrl,this.$qs.stringify({
    "phone":this.phoneNumber,
    "vCode":this.loginCode,
    "smsCode":this.phoneCode    
    })
)
.then(response=>{
    console.log(response.data);
    if(response.data.httpCode == 200){
        
    }else{
        
    }
})

在firebug中可以看到传递的参数：
phone=15210275239&vCode=8vsd&smsCode=1534

在vue中使用axios：

this.$axios.post(loginUrl, {
    "email": this.email,
    "password": this.password
}, {
    transformRequest: (data) => {
        return this.$qs.stringify(data)
    },
}).then(res => {
    if(res.data.resultCode == RESULT_CODE_SUCCESS){
        console.log(‘登录成功‘);
        this.$router.push({name:"home"})
    }else{
        console.log(‘登录失败‘);
    }
}).catch(err => {
    console.log(‘登登录出现错误‘);
})

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

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

qs.stringify详解

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

qs.stringify()qs.parse()的使用

...装，因此我们可以直接通过require(\'qs\')引用得到哦~。qs.stringify()作用是将对象或者数组序列化成URL的格式。那么这句话是什么意思呢？举两个栗子：　　　　对象序列化letobj=methods: 查看详情

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

qs是一个npm仓库所管理的包,可通过npminstallqs命令进行安装.1.qs.parse()将URL解析成对象的形式2.qs.stringify()将对象序列化成URL的形式，以&进行拼接查看详情

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 查看详情

vue中qs插件的使用

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

序列化json对象的三种方式

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

vue中qs插件的使用

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

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.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)通过... 查看详情

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

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

json.parse(json.stringify())实现对对象的深拷贝(代码片段)

JSON.parse(JSON.stringify(obj))我们一般用来深拷贝，其过程说白了就是利用JSON.stringify将js对象序列化（JSON字符串），再使用JSON.parse来反序列化(还原)js对象；序列化的作用是存储(对象本身存储的只是一个地址映射... 查看详情

json格式和表单数据(代码片段)

...#39;:'application/x-www-form-urlencoded',//2.qs转换一下data:qs.stringify(data)//验证手机验证码exportfunctionverifyCode(data)returnrequestToazhi(url:`/_Source/PhoneMsgHandler.ashx`,method:'post', headers:'Content-type':'application/x-www-form-urlencoded&... 查看详情

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 查看详情

小tips：你不知道的npminit(代码片段)

前言在现代新建一个JS相关的项目往往都是从package.json文件开始的，不过这个文件里需要的字段实在是太多了，正常人都记不住，所以npm官方提供了npminit命令帮助我们快速初始化package.json文件。执行之后会有一个交互式的命令行... 查看详情

回顾爬虫的时候的一些小tips

1json.dumps的时候默认会用ascii所以在写入文件的时候会需要用到的指令变为json.dumps(a,ensuer_ascii=False)，这样将禁止转换为ascii然后再写入的时候用f.write(b.encode())2xpath做解析的时候发请求头会产生问题，因为很多网站会根据不同的浏... 查看详情