JQuery rebinding sur vs bind après une requête AJAX

Je voudrais savoir pourquoi le fichier .on de Jquery n’a jamais été appelé pour relier mon bouton d’envoi après un appel AJAX, .bind remplacer .bind je ne pouvais pas comprendre que c’était le problème. mais j’ai essayé diverses choses et la seule chose à faire était d’utiliser .bind au lieu de .on .

Mon formulaire est attaché à une liste déroulante qui générera de nouvelles données dans le formulaire au clic. Cela a été fait sur un appel AJAX Get et en cas de succès, je sélectionnais le formulaire et j’utilisais:

$('#formname').on('submit',function(){})

Et j’ai ensuite essayé

• RaderComboBox AJAX de Telerik. Obtenir SelectedValue de la deuxième comboBox
• passer un object javascript à une page jsp en utilisant jquery
• Actualiser la liste des tables en utilisant Ajax dans Asp.Net Mvc
• tentative de conversion d’un object en javascript {} – Collection de valeurs de clé C # OU Dictionnaire ou
• Manipulation des éléments après AJAX load ()

$('#formname').on('submit','form', function(){})

Certes, j’ai eu ce qui précède d’une question à laquelle on n’a jamais répondu. jquery–ajax-form-using-onsubmit

J’ai également essayé de joindre l’élément on submit au corps car il ne change pas avec la fonction AJAX $('.container').on('submit','#formname', function(){}) suggéré ici: jquery lier des fonctions et des déclencheurs après un appel ajax

mais cela a également été ignoré. J’ai ensuite essayé de remplacer le type de bouton “Soumettre” par “Bouton”, puis d’affecter .on('click', etc... au cas où vous ne pourriez pas relier un bouton de soumission une fois que le formulaire a atteint le DOM.

mais la seule chose qui a fonctionné appelait .bind , je suis perdu car je veux utiliser les normes correctes. mon code complet ressemble de la sorte, notez partout où il y a un .bind il était auparavant un .on qui n’a pas été .bind .

  (function ($){ $('select#').on('click', function(){ var value = $(this).val(); var form = 'form#' $.ajax({ type: "GET", url: $(form).prop('action') , data: { gg:value }, dataType: "html", cache: false, success: function(htmlResponse){ var src = $(form , htmlResponse); $('.page_1col_col1').html( src ); //replace the submit with a input buton to tesk on click //$('# input[type="submit"]').prop('type','button'); $('#').bind('submit',function (){ rowBinding(); //replace the submit with a input btn $.ajax({ type:"POST", url: $(form).prop('action'), dataType: "html", cache: false }); }); } }); }); }(jQuery)); $(document).ready(function(){ $('#').bind('submit',rowBinding); }); function rowBinding(){ //stuff} 

• faire en sorte que jquery ajaxStop ne se déclenche qu’une fois à chaque fois
• Extraire des noeuds XML spécifiques dans un document HTML
• Comment puis-je effectuer une requête ajax jQuery dans CakePHP?
• Comment gérer les demandes AJAX longues – envoyer une réponse mais continuer à travailler
• Envoyer des données au contrôleur MVC à l’aide de JSON

 $('container').on('submit','#formname', function(){}) 

 $('.container').on('submit','#formname', function(){}) 

 $('#container').on('submit','#formname', function(){}) 

 $(document).on('submit','#formname', function(){}) 

 $('body').on('submit','#formname', function(){})