Загрузить PDF-файл с использованием ajax, и форма продолжает сбой

Question

У меня есть этот код, который не работает, и выполняет свою работу. Я пытаюсь передать файл data ass так же, как ID на сторону php, но он продолжает терпеть неудачу. Я не знаю, что я делаю неправильно. Пожалуйста помоги.

$(document).ready(function() { 
    $('#form_upload').submit(function(event) { 
    event.preventDefault(); 
    $.ajax({ 
     url: 'updateFile.php', 
     type: 'post', 
     contentType:false, 
     cache: false, 
     processData:false, 
     data: {docID: document.getElementById('txt_docID').value, formUpload: new FormData($('#form_upload'))}, 
     success: function(data){ 
     alert(data); 
     } 
    }); 
    return false; 
    }); 
}); 

<div id="divItemSelector" > 
<form id = 'form_upload' class 'uploadform' action="updateFile.php" method="post" enctype="multipart/form-data"> 
    <input type="file" name="fileUpload" id="fileUpload" > 
    <input id='txt_docID' type="text" name="txt_docID" style="visibility:hidden"> 
    <input type="button" value="Close" name="btn_close" onclick = "hideDiv()" style="float: right;"> 
    <input type="submit" value="Upload PDF" name="submit" style="float: right;"> 
</form> 

и на PHP стороне им пытаются использовать

$_POST['docID'] 

и

$_FILES["fileUpload"]["name"] 

, чтобы добраться до моих данных.

Answer 1

в вашем коде type: 'post' должно быть method: 'post'