Как определить, когда запрос завершен в mootools?

Question

Я новичок в moootools и я создаю класс шаблона, Это мой код -

var Template = new Class({ 
    Singleton : true, 
    template : '', 

    /* gets the component type template */ 
    get : function(componentType){ 
    var tplUrl = Core.getUrl('backend') + 'response/' + componentType + '/get_template.php', 
     that = this, 
     request = new Request({url: tplUrl, method : 'get',onSuccess : function(responseText){ 
      that.template = responseText; 
      return that; 
     }}).send(); 
    } 

}); 

То, что я хочу сделать это:

var tpl = new Template(); 
tpl.get('component').setTemplateData({name:'yosy'}); 

Проблема заключается в том, когда я называю это код:

var tpl = new Template(); 
console.log(tpl.get('component')); 

Я не получаю свой текущий объект Template, я получаю is undefined.
Как я могу сделать эту цепочку?

Answer 1

Вы делаете асинхронный вызов внутри функции get. Запрос может принимать 100 мс, 1с или 10 секунд, и к моменту завершения и возврата функции get запрос все равно будет отложен. Вместо этого вам нужно выполнить функцию обратного вызова до get и назвать это успешным.

get: function(componentType, successCallback) { 
    var request = new Request({ 
     .., 
     onSuccess: successCallback 
    }).send(); 
} 

Обратите внимание, что вы ничего не возвращаете из функции get. Одним из примеров способ вызвать это будет:

tpl.get('component', function(responseText) { alert(responseText); }); 

Answer 2

В вашей функции get отсутствует возвращаемое значение. Если вы хотите функции в цепи, вы должны возвращать сам объект:

get : function(componentType){ 
var tplUrl = Core.getUrl('backend') + 'response/' + componentType + '/get_template.php', 
    that = this, 
    request = new Request({url: tplUrl, method : 'get',onSuccess : function(responseText){ 
     that.template = responseText; 
     return that; 
    }}).send(); 

    return this; 
}