如何确定在mootools中完成请求的时间?

时间:2010-08-24 13:47:29

标签: javascript ajax mootools mootools1.2

我是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') );

我没有得到我当前的模板对象,我得到的是'未定义' 我怎么能把它变成可连接的?

2 个答案:

答案 0 :(得分: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); });

答案 1 :(得分:-1)

您的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;
}