Flask -使用Javascript/JQuery/Ajax提交表单(文本区域，文件，…)

Flask - Submit a form (text area, files, ...) with Javascript/JQuery/Ajax

本文关键字：文本 区域 文件 提交 使用 Javascript JQuery Flask Ajax 表单      更新时间：2023-09-26

我想使用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>

我希望能够访问已发送的请求。Form和request.files

如何做到这一点，并保持简单?

我确实遵循了@Jai在他的评论中所说的:"use FormData with ajax"

下面的工作，我能够得到我的函数中的数据。

$(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
        });
      });
 });
相关文章：