Как мне написать функцию jquery, которая принимает обратный вызов в качестве параметра - PullRequest
Новая
       7

Как мне написать функцию jquery, которая принимает обратный вызов в качестве параметра

48 голосов
/ 23 июня 2009

У меня есть следующая функция. 

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);

        });

    });

};

Но я хочу, чтобы это можно было так назвать 

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

Как я могу реализовать поддержку обратных вызовов в моей функции?

Ответы [ 4 ]

75 голосов
/ 23 июня 2009 
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');
    }
  );
};

Вы можете передавать функции, как и любой другой объект в JavaScript. Передача функции обратного вызова проста, вы даже можете сделать это самостоятельно в вызове $.post().

Вы можете решить, хотите ли вы, чтобы ваш обратный вызов вызывался как часть $.post() обратного вызова или сам по себе.

22 голосов
/ 26 февраля 2010

Вы знаете, что глобальные переменные и функции - это зло, так почему бы не поместить свои в пространство имен 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
});

Прочтите этот пост, чтобы лучше понять: Создание функций обратного вызова в jQuery

14 голосов
/ 23 июня 2009

Если я вас правильно понимаю, это так же просто, как установить другой параметр и вызвать переменную как функцию: 

function foo(mycallback) {
    mycallback();
}
11 голосов
/ 23 июня 2009

Почему бы вам не использовать объект, который вы можете передать функции. Он намного больше похож на jQuery и избавляет вас от именованных параметров x, которые сложно поддерживать, так как они могут стать громоздкими, когда вы получите 3 параметра.

например, 

function callingFunction(){

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


      yourFunction( fnSettings );

}

function yourFunction( settings ) {

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

}
...