jQuery для отправки формы через AJAX?

Question

Есть ли какой-нибудь волшебный метод jquery, который позволит вам отправлять форму по ее действующему URL-адресу через AJAX, а не с перезагрузкой страницы?

Я знаю, что вы можете связать событие отправки формы с функцией-обработчиком, но я также ищу что-то, что автоматически сериализует переменные запроса формы в элемент данных $.post так же, как браузер, а затем выстрелить из поста AJAX или получить. (конкретная проблема, которую я пытаюсь решить, заключается в том, чтобы «отрегулировать» существующую форму)

Answer 1

Вы действительно можете - есть плагин для этого ...

http://jquery.malsup.com/form/

Если вы не хотите использовать плагин и имеете довольно простую форму, вы можете перебрать форму, чтобы создать запрос, используя вместо этого $ .ajax.

Answer 2

Да, есть jquery.form плагин. Все, что вам нужно, это поместить его в обратный вызов DOM ready:

$('#myForm').ajaxForm();

Answer 3

Я обычно делаю это:

$(document).submit(function(){
  var form = $(this);
  $.post( form.attr('action'),
  form.serialize(),
  function(data){
    // do something with response 
  });

  return false;

}

Answer 4

ОТПРАВИТЬ ФОРМУ С ИСПОЛЬЗОВАНИЕМ AJAX JQUERY PLUG-IN