Ajax Несколько форм Отправить

Question

У меня есть вопрос. У меня есть 2 формы на одной странице, и я хочу опубликовать их с помощью кнопки ajax one submit. Как я могу это сделать?

<form class="form-horizontal form1" role="form" parsley-validate id="form1"></form> 

И моя вторая форма;

<form class="form-horizontal form2" role="form" parsley-validate id="form2"></form> 

Вот Javascript я попробовал:

$(function() { 
    $('form').on('submit', function (e) { 
     $.ajax({ 
      type: 'post', 
      url: '_Interviews.asp?M=AddOK', 
      data: $(this).serialize(), 
      success: function() { 
       location.reload(); 
      } 
     }); 
     e.preventDefault(); 
    }); 
}); 

Answer 1

Вы можете использовать serializeArray(), чтобы создать массив значений из обеих форм, затем concat() их вместе перед отправкой запроса AJAX, что-то вроде этого:

$('form').on('submit', function (e) { 
    var form1Data = $('.form1').serializeArray(); 
    var form2Data = $('.form2').serializeArray(); 
    $.ajax({ 
     type: 'post', 
     url: '_Interviews.asp?M=AddOK', 
     data: form1Data.concat(form2Data), 
     success: function() { 
      location.reload(); 
     } 
    }); 
    e.preventDefault(); 
});