jQuery / Ajax $.ajax() de la transmission de Paramètres de Rappel - un Bon Modèle à Utiliser?

Code JavaScript je commence avec: 

function doSomething(url) {  
   $.ajax({
      type: "GET",  
      url: url,  
      dataType: "xml",  
      success: rssToTarget  
   });  
}

Modèle que je voudrais utiliser:

//where elem is the target that should receive new items via DOM (appendChild)
function doSomething(url, elem) {
   $.ajax({
      type: "GET",
      url: url,
      dataType: "xml",
      success: rssToTarget(elem)
   });
}

Je ne pense pas que je peux obtenir le rappel de travailler de cette façon, non? Quel est le bon modèle? Je ne veux pas utiliser de variables globales nécessairement pour retenir temporairement les elem ou elem nom.

  • stackoverflow.com/questions/2602981/... utilisation invokedata
  • Pour une référence future: Vous avez besoin de stocker la fonction de rappel (rssToTarget) au sein de la success propriété de l'objet littéral vous êtes de passage à $.ajax(), donc jQuery peut appeler cette fonction à la fois de la requête AJAX est terminé. En ajoutant (elem) à la fin du nom de la fonction, vous êtes en tort, en invoquant rssToTarget et stocker sa valeur de retour dans success. En JS, en ajoutant entre parenthèses à la fin d'un nom de fonction va l'appeler.
InformationsquelleAutor BuddyJoe | 2009-07-28
  1. 95

    Comme ça...

    function doSomething(url, elem) {
  $.ajax({
     type: "GET",
     url: url,
     dataType: "xml",
     success: function(xml) {
       rssToTarget(xml, elem);
     }
  });
}

    Réponse à votre commentaire: L'utilisation de fonctions anonymes affecter les performances?

    • aha +1. Payez-vous des performances de prix pour la création d'anon partout?
    • Et je crois qu'il serait vraiment.... success: function(xml) { rssToTarget(xml, elem); }
    • Si vous êtes d'accord de mise à jour de la réponse? Merci Josh
    • J'ai mis à jour la réponse
    • si vous enveloppez votre $.ajax appel dans une boucle, cette approche permettra de créer de nouvelles fonction (function(xml) { ... }) pour chaque boucle, de consommer plus de mémoire.
    InformationsquelleAutor Josh Stodola
  2. 30

    Le modèle que vous souhaitez utiliser pourrait fonctionner si vous créez un fermeture à l'intérieur de votre rssToTarget fonction:

    function rssToTarget(element) {
  return function (xmlData) {
    //work with element and the data returned from the server
  }
}

function doSomething(url, elem) {
    $.ajax({ type: "GET",
         url: url,
         dataType: "xml",
         success: rssToTarget(elem)
       });
}

    Quand rssToTarget(elem) est exécutée, l'élément paramètre est stocké dans le fermeture, et la fonction de rappel est retourné, en attente d'être exécuté.

    • -1 Tu ne peux pas régler la réussite d'une fonction qui retourne une fonction.
    • J'ai oublié d'ajouter "mais nécessite un paramètre"
    • bien sûr, vous pouvez revenir à une fonction de vérification du code en cours d'exécution! jsbin.com/anepo/edit
    • Le retour de fonction anonyme est un paramètre d'entrée... JavaScript capacités fonctionnelles vous permet de le faire et en plus avec des fonctions...
    • Que dire de la normale succès fonction de rappel paramètre ? (data, textStatus, jqXHR) ?
    • Je veux dire , le succès de retour d'appel doit obtenir 3 params de l'ajax réponse evemt. où sont-ils dans votre réponse? ( ou peut-être que je n'ai pas le comprendre ...)
    • Les fonctions JavaScript sont variadic, ils peuvent être appelé avec, plus (ou moins!) les paramètres que leurs définitions appel pour. Soyez assurés que cet exemple fonctionne comme prévu.
    • Cette réponse plus fidèlement reproduit ce que l'OP a voulu réaliser que l'on a accepté la réponse ne.
    • Cette approche est fondamentalement la même que l'on a accepté la réponse c'est à dire utiliser la fermeture de la transmission des données de rappel?
    • J'aime cette approche, esp si j'ai besoin d'envelopper $.ajax appel en boucle, je n'ai pas à créer de nouvelle fonction pour chaque boucle. Bonne approche!

    InformationsquelleAutor CMS