×

Ajax 提交数据 包括上传文件的实现

小布 小布 发表于2019-06-24 14:11:32 浏览722 评论0

抢沙发发表评论

Ajax 提交数据 包括上传文件的实现


var data = {
    name:'xiaobu971',
    sex:'保密',
    age:'忘记了第几次满18岁',
    image:$('#file')[0].files[0];
};
var formData = new FormData();
$.each(data, function (i,v){
    formData.append(i, v);
});
// 添加数据
var url = 'url';
$.ajax({
    url: url,
    method: 'POST',
    data: formData,
    contentType: false, // 注意这里应设为false
    processData: false,
    cache: false,
    success: function(res) {
        console.log(JSON.parse(res));
    },
    error: function (jqXHR) {
        console.log(JSON.stringify(jqXHR));
    }
});

使用了 FormData 对象,实现了ajax 模拟 form 表单提交数据。

详细说明可以参考如下:

https://developer.mozilla.org/zh-CN/docs/Web/API/FormData