beim Senden von dynamisch generierten Formular, finden Sie die Schaltfläche zum Senden wurde geklickt

Question

Ich habe mehrere Formulare, die zur Laufzeit von einer Vorlage-Engine generiert werden, um eine Ajax-Anfrage auf ihre Einreichung zu generieren habe ich die "on" -Methode verwendet Delegieren Sie das Ereignis.

$("#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; 
}); 

Die Form hat Tasten 2 einreichen, und ich brauche zu erkennen, wer von ihnen angeklickt wurde und geben diese Information an die Ajax-Request. Allerdings fällt es mir schwer zu wissen, auf welche der Eingaben im Formular geklickt wurde, da sie auch dynamisch generiert wurden. Ideen?

Answer 1

folgende Connors Vorschlag das Click-Ereignis der Verwendung statt einreichen, ich es geschafft haben, wie so die die Submit-Button zu bekommen:

$("#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() 
}); 

natürlich würde dies nicht so gut funktionieren, wenn mein Formular Eingabefelder hätte, da es bei einer Formularübergabe von einem Tastendruck Enter nicht ausgelöst würde. Außerdem müssen Sie die Eingabe-Identifizierungsinformationen an die Ajax-Anforderung anhängen.

Ich tat dies, indem

data: {submit:input.value}, 

die ajaxSubmit Einstellungen

Answer 2

Ich hoffe, es wird Ihnen helfen:

$("#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; 
});