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,由於它是一個空對象,咱們應該存裏面的值。緩存

相關文章
相關標籤/搜索