Javascript les fonctions de rappel avec ajax

Je suis en train d'écrire une fonction générique qui seront réutilisés dans plusieurs endroits dans mon script.

La fonction utilise ajax (en utilisant la bibliothèque jQuery) donc je veux en quelque sorte passer dans une fonction (ou les lignes de code) dans cette fonction à exécuter lors de l'ajax est terminée.
Je crois que ce doit être une fonction de rappel, mais après la lecture par le biais d'un rappel de quelques réponses que je suis encore un peu confus au sujet de la façon dont je voudrais mettre en œuvre dans mon cas.

Ma fonction actuelle est:

function getNewENumber(parentENumber){

        $.ajax({
               type: "POST",
               url: "get_new_e_number.php",
               data: {project_number: projectNumber, parent_number: parentENumber},
               success: function(returnValue){
                    console.log(returnValue);
                    return returnValue; //with return value excecute code

                },
                error: function(request,error) {
                    alert('An error occurred attempting to get new e-number');
                    //console.log(request, error);
                }
        });
    }

Avec cette fonction, je veux être capable de faire quelque chose de la même façon d'autres fonctions jQuery travail ie;

var parentENumber = E1-3;

getNewENumber(parentENumber, function(){
    alert(//the number that is returned by getNewENumber);
});
Je suppose que cela n'est pas possible (ou au moins très difficile) de cette façon. Vous devez permuter les fonctions.

OriginalL'auteur Zak Henry | 2011-02-14

  1. 7

    Juste donner getNewENumber un autre paramètre de la fonction, puis utiliser la fonction de rappel.

       //receive a function -----------------v
function getNewENumber( parentENumber, cb_func ){

    $.ajax({
           type: "POST",
           url: "get_new_e_number.php",
           data: {project_number: projectNumber, parent_number: parentENumber},

             //------v-------use it as the callback function
           success: cb_func,
            error: function(request,error) {
                alert('An error occurred attempting to get new e-number');
                //console.log(request, error);
            }
    });
}

var parentENumber = E1-3;

getNewENumber(parentENumber, function( returnValue ){
    alert( returnValue );
});
    Parfait. J'ai du nouveau, il serait quelque chose de simple. Il est toujours plus facile d'apprendre quand il est mis à votre propre contexte. Merci
    Vous êtes les bienvenus.
    Merci pour l'claire et explicite exemple.

    OriginalL'auteur user113716

  2. 2

    @patrick dw anwser est correct. Mais si vous voulez continuer à l'appeler le console.log (ou de toute autre action) toujours, peu importe ce que l'appelant fonction de code, vous pouvez ajouter le rappel (le nouveau paramètre) à l'intérieur de la réussite de la fonction que vous avez déjà:

    function getNewENumber(parentENumber, cb_func /* <--new param is here*/){ 

    $.ajax({
           type: "POST",
           url: "get_new_e_number.php",
           data: {project_number: projectNumber, parent_number: parentENumber},
           success: function(returnValue){
                console.log(returnValue);
                cb_func(returnValue); //cb_func is called when returnValue is ready.
            },
            error: function(request,error) {
                alert('An error occurred attempting to get new e-number');
                //console.log(request, error);
            }
    });
}

    Et le code d'appel reste le même que le vôtre, sauf que la fonction recevra la propriété returnValue par le paramètre:

    var parentENumber = E1-3;

getNewENumber(parentENumber, function(val /* <--new param is here*/){
    alert(val);
});
    Oui quand j'ai été mise en œuvre dans mon code j'ai fait merveille comment le faire si je voulais avoir d'autres succès des actions. Merci

    OriginalL'auteur Mariano Desanze

  3. 0

    Ce serait mieux de faire avec jQuery Différés Objets. Votre appel AJAX retour la jqXHR objet.

    function getNewENumber(parentENumber) {
    return $.ajax( { ... } );
}

getNewENumber(E1 - 3).then(success_callback, error_callback);

    Si vous souhaitez conserver l'erreur de rappel dans cette fonction, vous pouvez enregistrer qu'il y a à la place:

    function getNewENumber(parentENumber) {
    var jqXHR = $.ajax( { ... } );
    jqXHR.fail( ... );
    return jqXHR;
}

getNewENumber(E1 - 3).done(success_callback);

    OriginalL'auteur Alnitak