24
2019
06

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

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

« 上一篇 下一篇 »

公告:

跟着我一起每天进步一点点,让学习成为一种习惯!

公告:

跟着我一起每天进步一点点,让学习成为一种习惯!