Простой способ опубликовать значения формы с помощью jQuery

Question

У меня есть простая форма, которую я хочу легко отправить на сервер и получить результат. Я использую пользовательский плагин ISAPI на бэкэнде, поэтому использование JSON или других интересных вещей не вариант. Как лучше я могу это сделать?

Редактировать: Я бы также не стал использовать внешние плагины, если это возможно

Answer 1

Используйте serialize, чтобы получить строковое представление вашей формы, а затем просто опубликуйте ее, используя post функцию AJAX jQuery.

Очень простой пример (с сайта jQuery, использующего PHP, но подойдет любой URL):

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

Если у вас есть несколько форм на странице, вы можете использовать этот код при нажатии кнопки, чтобы получить правильный идентификатор формы (где someButton может быть любым допустимым селектором jQuery):

$('someButton').click(function() {
    //old, less efficient code
    //var formId = $(this).closest("form").attr("id");
    //$.post("test.php", $("#" + formId).serialize());

    //as per Vincent Robert's suggestion, simplified version
    $.post("test.php", $(this).closest("form").serialize());
});

Answer 2

Еще один способ сделать то же самое, что прокомментировал Марек.

$.ajax({
  type: 'POST',
  url: YOUR_URL,
  data: $('#YOURFORM').serialize(),
  success: function(data) {
    //Probably should do something that shows it worked.
  }
 error: function (xhr, ajaxOptions, thrownError){
    //Log the error if there was one
 }

});