axios（ajax插件）怎么模拟form表单提交，怎么传递FormData对象？

问题描述

问 题

我修改了配置：

let axiosUpload = axios.create({
    headers: {'Content-Type': 'application/x-www-form-urlencoded'}
})

参数传了FormData对象，请求Headers就会变成，Content-Type:multipart/form-data; boundary=----WebKitFormBoundaryGV6T4DIXyrQ2zF4W,直接传json的话，Content-Type是 application/x-www-form-urlencoded就没有问题！

解决方案

谢邀。

不了解axios，但思路是这样的，在data属性中添加form的序列化结果。

data: $('form').serialize()

用jquery举例：

$(function () {

    $('form').on('submit', function (e) {

      e.preventDefault();

      $.ajax({
        type: 'post',
        url: '/caiyongji/is/DiaoSi',
        data: $('form').serialize(),
        success: function () {
          alert('form was submitted');
        }
      });

    });

});

或者

var formData = new FormData();
formData.append('file', $('#file')[0].files[0]);

这篇关于axios（ajax插件）怎么模拟form表单提交，怎么传递FormData对象？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！