瓶 - 提交表單（文本區域，文件，...）的JavaScript/JQuery的/阿賈克斯

Question

我想使用jQuery /使用Javascript/Ajax來送什麼形式（文本區域，文件，...）到我的Flask應用程序的一個功能。

<form action='' method="post"> 
     <label for="label">Example</label><br> 
     <textarea name="text_area" id="text_area" rows="10" cols="100"> 
     </textarea><br> 
     <i>Upload a file : <input type='file' id="file_query" name='file_query'></i> 
     <br><br> 
     <a id="submit_all">Submit</a> 
</form> 

我希望能夠訪問什麼都在的Request.Form被髮送和request.files

如何做到這一點，保持簡單？

Answer 1

我沒有遵循什麼@Jai在他的評論中說："use FormData with ajax"

的following工作，我能找回我的數據函數內部。

$(function() { 
    $('#submit_btn').on('click', function(){ 
     var fd = new FormData(document.querySelector("form")); 
     $.ajax({ 
      url: "/_apply_function", 
      type: "POST", 
      data: fd, 
      processData: false, // tell jQuery not to process the data 
      contentType: false // tell jQuery not to set contentType 
     }); 
     }); 
});