FormData的使用以及用ajax提交

Posted 2021-02-18 铭の

// 获取表单数据
var dom = document.getElementById("form表单的id")；
var formData = new FormData(dom); 

添加数据 append方法

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

ajax提交FormData数据

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

// 注意：一定要设置jquery中不处理数据，不设置内容类型，否则报错

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