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(); в первой строке в функции