使用FormData 对象 ajax

时间 2019-11-18

标签使用 formdata 对象 ajax 栏目 Ajax 繁體版

原文原文链接

FormData 对象，能够把form中全部表单元素的name与value组成一个queryString，提交到后台。在使用Ajax提交时，使用FormData对象能够减小拼接queryString的工做量。javascript

使用FormData对象java

1.建立一个FormData空对象，而后使用append方法添加key/valueajax

var formdata = new FormData();  
formdata.append('name','lisi');  
formdata.append('gender','1');

2.取得form对象，做为参数传入到FormData对象json

var formData = new FormData();
formData.append("file", this.files[0]);
$.ajax({
    url : "url地址",
    type : "post",
    data : formData,
    async : false,//false 同步 true 异步
    cache : false,//缓存
    contentType : false,
    processData : false,
    success : function(data) {
        //调用成功以后返回的数据 data ,能够返回json格式的字符串
                // 用 JSON.parse(data) 格式化下json数据，而后操做该数据

    }
});