AJAX jQuery新版本，涉及“無需頁面加載即可插入數據庫”

Question

我是AJAX的新手，正在使用舊代碼：

 $.ajax({
  type: 'POST',
  url: 'phppath/sucms.php',
  data: $('#formid').serialize(),
  success: function(response){
   $('#success').html(response);
  }
 });

它可以工作，但不是完美，一切都很好，但是當我嘗試上傳圖像時，它具有“ CLEAR VALUE”。

我正在嘗試制作這樣的新代碼：

  var formData = new FormData(this);
  $.ajax({
  type: 'POST',
  url: 'phppath/sucms.php',
  data: formData ,
  success: function(response){
   $('#success').html(response);
   }
  });

但它會重新加載頁面並打開sucms.php清除窗口。

Answer 1

如果要使用ajax上傳文件，則需要在ajax配置中將contentType和processData設置為false。

    var formData = new FormData();
        formData.append(<KEY>, <FILE>);

    $.ajax({
        type: 'POST',
        contentType: false,
        processData: false,
        url: 'phppath/sucms.php',
        data: formData ,
        success: function(response){
            $('#success').html(response);
        }
    });

另一方面，如果頁面正在重新加載或在新窗口中打開。 可能是因為按鈕的類型是submit 。 您應該將按鈕類型更改為button或使用event.preventDefault()來防止操作以傳統的表單提交方法執行。