Отправка HTML-формы в PHP с использованием JQuery AJAX

Question

Мне было интересно, есть ли краткий способ отправить форму в мой бэкэнд с помощью JQuery AJAX (async).Более конкретно, я имею в виду:

HTML-форма:

<form method="post" action="/Intranet/Resources/Forms/WorkOrder.php">
    <input type="text" name="notes[]" />
    <input type="text" name="notes[]" />
    ...
    <!-- a whole bunch more input fields here -->
</form>

Эта форма довольно неудобна для разделения на кучу переменных с помощью JQuery.Я не хочу, чтобы пользователь перенаправлялся со страницы - я хочу, чтобы форма отправлялась асинхронно.Это на самом деле кнопка сохранения ...

Было бы лучше прикрутить его и просто использовать JSON?

Answer 1

$(function(){
    $("form").submit(function(){
        $.ajax({
            url:"save.php",
            type:"post",
            data:$(this).serialize(),
            success: alert('saved');
        });
    });
});

Answer 2

jQuery Serialize ...

Кодировать набор элементов формы в виде строки для отправки.

http://api.jquery.com/serialize/

Использовать какитак ....

$.post("test.php", $("#testform").serialize());

Answer 3

Вы можете использовать $('form').serialize() для сериализации формы.Результат (для вашей формы) будет:

notes=val1&notes=val2

http://api.jquery.com/serialize/