Jquery сериализовать выбранную форму

Question

Есть ли способ выбрать конкретную форму для сериализации? На моей странице CF есть несколько форм. Я хочу выбрать конкретную форму, отправить сообщение ajax, затем выбрать вторую форму и отправить сообщение ajax.

$('.CSubmitSurvey').live('click', function(e) { 
     var strCandidateSurveyForm = $('#sendSurveysCandidate').serialize(); 
     alert (strCandidateSurveyForm); 
     IndividualNumber = document.getElementById('sendSatTo2').value; 
     companyNumber = document.getElementById('companyID').value; 
     surveyNumber = document.getElementById('surveyID').value; 
     resendSurvey = document.getElementById('ReSendYN').value; 
     RefID = document.getElementById('RefID').value; 
     ClientCandidate = document.getElementById('ClientCandidate').value; 
     EmailOverride = document.getElementById('EmailOverride').value; 
     SendSatEmail = $('input:radio[name=SendSatEmail]:checked').val() 
     //alert(SendSatEmail); 
     $.ajax({ 
      type: "POST", 
      url: 'actSendSurveys.cfm', 
      data: '<cfoutput>indivNum=' + IndividualNumber + '&board_type=#board_type#&jobid=' + jobid + '&companyid=' + companyNumber + '&resendyn=' + resendSurvey + '&SurveyNumber=' + surveyNumber + '&RefID=' + RefID + '&ClientCandidate=' + ClientCandidate + '&SendSatEmail=' + SendSatEmail + '&EmailOverride=' + EmailOverride</cfoutput>, 
      error: function(xhr, textStatus, errorThrown) { 
       // show error 
       alert(errorThrown); 
      }, 
      success: function(response1, textStatus, jqXHR) { 
       //alert('success'); 
       if (ClientCandidate == 'client'){ 
        ColdFusion.Grid.refresh('ClientSurveyGrid',true); 
       } 
       else { 
        ColdFusion.Grid.refresh('CandSurveyGrid',true); 
       } 
      } 
     }); 
    }); 

Answer 1

Для всех кнопок, просто применить Jquery щелчок обработчик ... Если кнопка не является частью формы.

$('#button1').click(function{ 
var data = $('#form1').serialize(); 
    $.ajax({ 
    type: "POST", 
    url: your url, 
    data: data, 
    success: function(){ your functions} 
    }); 
}); 

    $('#button2').click(function{ 
    var data = $('#form2').serialize(); 
    $.ajax({ 
    type: "POST", 
    url: your url, 
    data: data, 
    success: function(){ your functions} 
    }); 
}); 

Если кнопка является частью формы, вы можете просто сделать Jquery onsubmit с предупреждением по умолчанию ...

$('#form').submit(function(e) { 
e.preventDefault(); 
var data = $(this).serialize(); 
$.ajax({ 
    type: "POST", 
    url: your url, 
    data: data, 
    success: function(){ your functions} 
    }); 
});