分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

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

发布时间:2023-09-06 01:21责任编辑:董明明关键词:gif

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(‘登登录出现错误‘);})

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

原文地址:http://www.cnblogs.com/moqiutao/p/7759922.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved