2016-01-04 3 views
0

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

<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(); 
    }); 
}); 
+0

Последовательность обеих форм массива с использованием ['serializeArray()'] (http://api.jquery.com/serializearray/), объединить массивы и задать результирующий массив в параметре 'data' para метр вызова '$ .ajax'. –

+0

Вы хотите, чтобы они оба переходили к одному и тому же целевому URL или отдельному? – user3154108

+0

@RoryMcCrossan Thak вы. Можете ли вы показать его простым кодом? – Alp

ответ

0

Вы можете использовать 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(); 
}); 
+0

Спасибо вам большое. Это работает! – Alp

 Смежные вопросы

  • Нет связанных вопросов^_^