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

axios post提交的Content-Type

时间:2018-02-08 12:21:51      阅读:367      评论:0      收藏:0      [点我收藏+]

标签:class   func   pos   something   fun   post   headers   jquer   ati   

使用axios的坑

jQuery.ajaxpost提交默认的请求头的Content-Type: application/x-www-form-urlencoded
axios.post提交的请求头是Content-Type: application/json

application/json是一个趋势,但是如果改一个旧项目,把jQuery.ajax全部换成axios.post时,需要对请求做一些配置。

改之前的代码:

// 没有指定请求头的content-type
var data = {age: 18};
$.ajax({
    url: ‘‘,
    type: ‘POST‘,
    data: data
    dataType: ‘json‘,
    success: function(result) {
        // do something
    }
})

使用axios的代码

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

var data = {age: 18};
var url = ‘‘;

axios.post(
    url, 
    qs.stringify(data), 
    {headers: {‘Content-Type‘: ‘application/x-www-form-urlencoded‘}}
).then(result => {
    // do something
})

axios post提交的Content-Type

标签:class   func   pos   something   fun   post   headers   jquer   ati   

原文地址:https://www.cnblogs.com/changzhenan/p/8430760.html

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