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,因為它是一個空對象,我們應該存里面的值。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM