当提交按钮在表单外部时，使用$ .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格式，则可以查看此主题