當提交按鈕在表單外部時，使用$ .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
});

或者，如果您希望將其轉換為JSON格式，則可以查看此主題