码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-10-31 11:01:14      阅读:1049      评论:0      收藏:0      [点我收藏+]

标签:使用   span   log   transform   错误   out   传递   tps   npm   

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库序列化

标签:使用   span   log   transform   错误   out   传递   tps   npm   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!