AJAX在文本区域和输入中提交多部分表单

Question

好吧，我尝试了很多JS代码来发布一种包含多个数据的表单[2个文件和1个文本区域]，但它们运行不正常。

但是如何使用AJAX将非空表单数据发送到PHP？

<form method="post" enctype="multipart/form-data">
  <textarea id="acas"></textarea>
  <input id="uimage" type="file" name="image" accept=".png,.jpg,.gif"/>
  <input id="uaudio" type="file" name="audio" accept=".mp3"/>
  <input id="armes" style="display: none;" name="send" type="submit"/>
</form>

默认情况下，我使用下面的JS代码提交表单，但它会重新加载页面：

$("#acas").on('keydown', function(e) {
    if (e.key == "Enter") { 
      if (e.shiftKey) {

      } else {
        e.preventDefault();
        $("#armes").click();
      }
    }
});

Answer 1

使用此代码

  $(document).on('submit', 'form', function (e)
    {
        var form = new FormData(this);
        jQuery.ajax({
            url: "",
            method: 'POST',
            processData: false,
            contentType: false,
            dataType: "json",
            data: form,
            success: function (response)
            {
             }
        });
        return false;
      });