Как написать функцию jQuery с обратным вызовом?

Question

я следующую функцию:

function loadProjects(pID) { 

    $.ajax({ 
     url: myURL, 
     success: function (dataJS) {XXXXXXXXXXXXXXXX} 
    }); 
} 

Я вызывать эту функцию как так loadProjects (1);

Проблема Я хочу, чтобы иметь возможность определить функцию callBack после успеха, и я хотел бы включить ее, когда я загружаю объекты (1, callback: {независимо от того, что js включен сюда, возвращается после успеха})

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

Благодаря

Answer 1

function loadProjects(pID, callbackFunction) 
{ 
    $.ajax({ 
     url: myURL, 
     success: function (dataJS) 
     { 
      if(typeof callbackFunction == 'function') 
      { 
       callbackFunction.call(this, dataJS); 
      } 
     } 
    }); 
} 

Использование:

loadProjects(pID, function(dataJS) 
{ 
    // do stuff with your dataJS, bear in mind you can call the parameter any name. 
}); 

Answer 2

Вот как вы можете изменить вашу функцию так, что она может принимать обратный вызов.

function loadProjects(pID, callback) { 
    $.ajax({ 
     url: myURL, 
     success: function (dataJS) { 
      if ($.isFunction(callback)) { 
      callback.call(); 
      } 
     } 
    }); 
} 

Вот как вы его используете.

function myCoolCallback() { 
    alert("I am cool"); 
} 

loadProjects(123, myCoolCallback); 

Или вы можете использовать его с анонимной функцией.

loadProjects(123, function() { 
    alert("I am cool"); 
}); 

Answer 3

function loadProjects(pID, callback) { 

    $.ajax({ 
     url: myURL, 
     success: function (dataJS) { if (callback) { callback(); } } 
    }); 

} 

Призывая что-то вроде этого:

loadProjects(111, function() { alert('hello!'); }); 

Answer 4

function loadProjects(pID, callback) { 
    $.ajax({ 
    url: myURL, 
    success: function (dataJS) { 
     // your initial method declaration goes here 
     ... 

     // just call the callback method at the end of the success method 
     callback(); 
    } 

Answer 5

Попробуйте это:

var loadProjects = function(pID, callback) { 
    var obj = { url: myURL }; 

    if(typeof callback != "function"){ 
     obj.success = function(dataJS){ 
      loadProjects(1, /* Your callback func here */); 
     }; 
    } else { 
     obj.success = callback; 
    } 

    $.ajax(obj); 
}; 

loadProjects(1, /* Your callback func here */); 

Answer 6

Вы можете передать функцию другой функции, как если бы это был любой другой объект. Проверьте это:

function loadProjects(pId, callback) { 

    $.ajax({ 
    url: myUrl, 
    success: function() { 
     callback.call(); // <-- invokes your callback with no args 
    } 

} 

Вы могли бы также прочитать на the MDC documentation (function.call()).