AJAX funktioniert nicht in FF, funktioniert gut in Chrome

Question

Ich lade ein Dokument auf den Server, mit PHP und AJAX mit JS auf Knopfdruck. Ich sammle die Formulardaten, mache ihr Objekt anhefte die Dateidaten und gebe sie über AJAX an die Funktion upload.php weiter. Der Code funktioniert in Chrome einwandfrei, bietet jedoch nicht den gleichen Effekt in FF. Code ist beigefügt. Was ist die mögliche Lösung für das Problem?

$(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

dies wegen der Standardaktion des Formulars wahrscheinlich ist, müssen Sie das verhindern. Pass-in-Ereignis zu Ihrer Onclick-Funktion und dann event.preventDefault(); in der ersten Zeile in der Funktion