, dinamik olarak oluşturulmuş formun gönderilmesi üzerine, hangi gönderme düğmesinin tıklandığını bul

Question

Bir şablon motoru tarafından çalışma zamanında dinamik olarak oluşturulan birden çok form var. Gönderiminde bir ajax isteği oluşturmak için "on" yöntemini kullandım olayı delege etmek.

$("#friendRequestsList").on("submit", "[id^=friendReqResponse-form]", function(){ 
    var form = this; 
    $(form).ajaxSubmit({ 
     url:'URL', 
     type:'post', 
     dataType: 'json', 
     success: function(data) { 
      DO SOMETHING 
     } 

    }); 
    return false; 
}); 

formu gönderme düğmeleri 2. vardır ve ben tıklandığı bunlardan hangisinin algılamak ve ajax isteği bu bilgileri geçmeleri gerekiyor. Bununla birlikte, dinamik olarak oluşturuldukları için formdaki teklif girişlerinin hangisinin tıklandığını bilmek zor bir zaman geçiriyorum. Fikirler?

Answer 1

i şöyle Gönder düğmesini almak başardı:

$("#friendRequestsList").on("click", "[id^=submit1], [id^=submit2]", function(e) { 
    var input = this; 
    var form = $(input).parent(); 

    $(form).ajaxSubmit({ 
     url:'URL', 
     type:'post', 
     dataType: 'json', 
     success: function(data) { 
      DO SOMETHING 
     } 

    }); 
    e.preventDefault() 
}); 

elbette, bu, formumun bir tuşa basma biçiminden bir form gönderiminde tetiklenmeyeceği için girdi alanlarına sahip olsaydı çok işe yaramazdı. Ayrıca, hala giriş kimlik bilgilerini ajax isteğine eklemeniz gerekir.

Ben ajaxSubmit ayarlarına

Answer 2

Sana yardım umuyoruz: click olayını kullanarak yerine teslim ait Connors öneri aşağıdaki

$("#friendRequestsList").on("submit", "[id^=friendReqResponse-form]", function(){ 
    var submit1 = $(this).attr('value'); 

    var formData = new FormData(); 
    formData.append('submit1', submit1); 

    $.ajax({ 
     url:'URL', 
     type:'post', 
     data:formData, 
     dataType: 'json', 
     success: function(data) { 
      DO SOMETHING 
     } 

    }); 
    return false; 
});