Question

我有多个表单，所以我创建了一个表单，其中包含提交外部表单的按钮，此表单

＆＃13;

$("#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;
        });

＆＃13;

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

＆＃13;

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

Answer 1

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

E.g

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

或者，如果您希望JSON格式

，则可以看到this topic

当提交按钮位于表单

1 个答案: