как определить, когда запрос в mootools завершен? - PullRequest
Новая
       27

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

0 голосов
/ 24 августа 2010

Я новичок в moootools и создаю класс Template, это мой код - 

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, я получаю 'undefined'.
Как я могу сделать это цепным?

Ответы [ 2 ]

1 голос
/ 24 августа 2010

Вы делаете асинхронный вызов внутри функции 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); });
0 голосов
/ 24 августа 2010

В вашей функции 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;
}
...