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

axios里的post特别大的一个坑。

时间:2017-12-07 17:26:04      阅读:274      评论:0      收藏:0      [点我收藏+]

标签:序列化   data   function   var   封装   his   str   set   引入   

在jQuery中,ajax请求发送post很方便的,但是在vue项目中,引入jQuery就不再适合了。

var _this = this
var data = {
    filter:‘-_id‘
}
$.ajax({
        url:‘http://localhost:3000/api/goods/get‘,
        type:‘post‘,
        data:data,
        dataType:‘json‘,
        success:function(res){
          _this.msg =res.data
        }
      )

而在axios中的post请求要非常注意两个地方:

要设置合适的请求头,一般采用x-www-form-urlencoded即可

发送的数据要序列化,特别注意啊,因为axios默认的格式是Request Payload。

axios.post(‘http://localhost:3000/api/goods/get‘,qs.stringify(data),{
        headers: {
            ‘Content-Type‘:‘application/x-www-form-urlencoded; charset=UTF-8‘
          }
      }).then(res=>{
        _this.msg = res.data
      },err =>{
        console.log(err)
      })

其中qs模块是一件封装进axios模块里了,

引入axios时同时引入qs即可。

如:

import axios from ‘axios‘
import qs from ‘qs‘

  

axios里的post特别大的一个坑。

标签:序列化   data   function   var   封装   his   str   set   引入   

原文地址:http://www.cnblogs.com/zhouxiaohouer/p/7999479.html

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