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

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

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

添加数据 append方法jquery

formData.append("name","bonly"); // 通常这样写就能够
// 还有第三个参数,Content-Disposition 指定的是文件名,若是没有设定则使用blob

3.ajax提交FormData数据ajax

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

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

相关文章
相关标签/搜索