Jak napisać funkcję jquery, która akceptuje wywołanie zwrotne jako parametr

Question

Mam następującą funkcję.

function ChangeDasPanel(controllerPath, postParams) { 

    $.post(controllerPath, postParams, function(returnValue) { 

     $('#DasSpace').hide("slide", { direction: "right" }, 1000, function() { 

      $('#DasSpace').contents().remove(); 

      $('#DasSpace').append(returnValue).css("display", "block"); 

      $('#DasSpace').show("slide", { direction: "right" }, 1000); 

     }); 

    }); 

}; 

Ale chcę, aby móc nazwać się ten

ChangeDasPanel("../Home/Test", {} ,function(){ 
    //do some stuff on callback 
} 

Jak mogę wdrożyć wsparcie dla wywołania zwrotne w mojej funkcji?

Answer 1

function ChangeDasPanel(controllerPath, postParams, f) { 
    $.get(
    controllerPath, 
    postParams, 
    function(returnValue) { 
     var $DasSpace = $('#DasSpace'); 
     $DasSpace.hide(
     "slide", { direction: "right" }, 1000, 
     function() { 
      $DasSpace.contents().remove(); 
      $DasSpace.append(returnValue).css("display", "block"); 
      $DasSpace.show("slide", { direction: "right" }, 1000); 
     } 
    ); 
     if (typeof f == "function") f(); else alert('meh'); 
    } 
); 
}; 

Możesz przekazywać funkcje, jak każdy inny obiekt w JavaScript. Przekazywanie funkcji wywołania zwrotnego jest proste, można to nawet zrobić samodzielnie w rozmowie $.post().

Możesz zdecydować, czy chcesz, aby Twój callback był wywoływany jako część połączenia zwrotnego $.post() lub osobno.

Answer 2

Jeśli rozumiem zostanie poprawnie, to tak łatwe, jak ustawienie inny parametr i wywołanie zmiennej w funkcji:

function foo(mycallback) { 
    mycallback(); 
} 

Answer 3

Dlaczego nie można użyć obiektu, który można przechodzi do funkcji. Jest znacznie bardziej podobny do jQuery i oszczędza ci parametrów o nazwach x, które są trudne do utrzymania, ponieważ mogą stać się nieporęczne, gdy przejdziesz przez 3 parametry.

np

function callingFunction(){ 

     var fnSettings: { 
     url: someUrl, 
     data: params, 
     callback : function(){} 
     }; 


     yourFunction(fnSettings); 

} 

function yourFunction(settings) { 

     $.post(settings.url, settings.data, settings.callback); 

} 

Answer 4

Wiesz, że zmienne i funkcje globalne są złe, więc dlaczego nie umieścić swoje przyłącza się do nazw jQuery:

$.extend({ 
    myFunc : function(someArg, callbackFnk){ 
    var url = "http://example.com?q=" + someArg; 
    $.getJSON(url, function(data){ 

     // now we are calling our own callback function 
     if(typeof callbackFnk == 'function'){ 
     callbackFnk.call(this, data); 
     } 

    }); 
    } 
}); 

$.myFunc(args, function(){ 
    // now my function is not hardcoded 
    // in the plugin itself 
}); 

Przeczytaj ten artykuł, aby uzyskać lepsze zrozumienie: Creating callback functions in jQuery