FormData的使用以及用ajax提交的注意事项

1.FormData用来获取表单数据,方便进行提交数据
2.FormData增加数据的方法

// 获取表单数据
var dom = document.getElementById("form表单的id");
var formData = new FormData(dom); 
注意:用jquery获取的是jQuery对象,应该转为dom对象
// 应该用这个获取后转化成dom对象
var dom = $('#id')[0];

添加数据 append方法

formData.append("name","bonly"); // 一般这样写就可以
// 还有第三个参数,Content-Disposition 指定的是文件名,如果没有设定则使用blob

3.ajax提交FormData数据

$.ajax({
  url: "stash.php",
  type: "POST",
  data: formData,
  cache: false,        // 不缓存数据
  processData: false,  // 不处理数据
  contentType: false,   // 不设置内容类型
  success:function (data) {           //成功回调
      console.log(data);
  }
});
注意:一定要设置jquery中不处理数据,不设置内容类型,否则报错

4.本地缓存的时候用storge的时候,不能直接存formData,因为它是一个空对象,我们应该存里面的值。

猜你喜欢

转载自www.cnblogs.com/bonly-ge/p/9259322.html