javascript - 当提交按钮位于表单之外时使用 $.ajax 提交表单

Question

我有多个表单，所以我创建一个带有按钮提交外部表单的表单，此表单

$("#buttonSubmit").click(function (event) {
            event.preventDefault();
            if (confirm("Anda yakin akan Checkout ?")) {
                var formData = new FormData("form#formData");
                $(".loader").show();
                $.ajax({
                    url: 'belanja/belanja_crud.php',
                    type: 'POST',
                    data: formData,
                    async: false,
                    cache: false,
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    success: function (data) {
                       //console.log(data);
                    }
                });
            }
            return false;
        });

<form id='formData'>
  <!-- input bla bla bla -->
  </form>
<button id='buttonSubmit' type='button'>Submit</button>

如何从上面的表单获取所有输入并使用ajax提交？

Answer 1

要通过一条指令获取表单中的所有数据，您可以使用 .serialize()

例如

$.ajax({
    type: "POST",
    url: 'belanja/belanja_crud.php',
    data: $("#formData").serialize()
})
.done(function (data) {
    //do somthing
})
.fail(function (xhr, ajaxOptions, thrownError) {
    //do something
});

或者你可以看到this topic如果你想要 JSON 格式