AJAX不能在FF中工作，在Chrome中运行良好

Question

我正在将文档上传到服务器，使用PHP和AJAX与JS按钮单击。我收集表单数据使其对象附加文件数据并通过AJAX传递给函数upload.php。该代码在Chrome中运行良好，但在FF中无法提供相同的效果。代码附后。该问题的可能解决方案是什么？

$(document).on('click', '#uploadDocument', function()
{
    var formData = new FormData();
    formData.append('fileToUpload', $("#fileToUpload").prop("files")[0]);

    $.ajax({
      url: 'upload.php',
      dataType: 'text',  
      cache: false,
      contentType: false,
      processData: false,
      data: formData,
      type: 'post',
      success: function (status){
        if(status == 'File Uploaded')
        {
          $('#listTable').load('showList.php');
        }
        else
        {}
      }
    });
});

Answer 1

这可能是因为表单的默认操作，您需要阻止它。将事件传递给onclick函数，然后在函数的第一行使用event.preventDefault();