1

这是一个有点难以言说的问题。以下是基本流程：

  1. 一个类被实例化。
  2. 然后这个类的构造方法实例化另一个类
  3. 这个新类的构造方法使用全局对象的方法来发出 AJAX 请求。

完成 ajax 请求后，我想在步骤 #1 中调用类上的方法。什么是实现这一目标的好方法？

这是我正在尝试做的一个 jsFiddle：http: //jsfiddle.net/twiz/3PRma/4/

相同的代码如下：

//The global object that makes an ajax call
///////////////////////////////////////////////
globallyDoStuff={
    somethingWithACallback: function(url,callback){
        $.get(url,{},function(){
            // WHAT do I do here to call the 
            // "doSomethingToAllTheClasses" method?
        });
    }
}


// A class used to hold an array of classes
///////////////////////////////////////////////
var SomeClassCollection = function(arrayOfURLs){
    this.arrayOfClasses=[];
    for(var i=0;i<arrayOfURLs.length;i++){

        this.addSomeClass(arrayOfURLs[i]);
    }
};
SomeClassCollection.prototype={
    addSomeClass: function(theUrl){
        this.arrayOfClasses.push(new SomeClass(theUrl));
    },
    doSomethingToAllTheClasses: function(){
        // I WANT TO CALL THIS EACH TIME AN AJAX REQUEST IS COMPLETED
        console.log(this.arrayOfClasses);
    }
}


//The class that calls the global ajax object's method
///////////////////////////////////////////////
var SomeClass = function(theUrl){
    this.globalAction(theUrl);
};
SomeClass.prototype={
    globalAction: function(theUrl){
        globallyDoStuff.somethingWithACallback(theUrl);
    }
}

//List of urls
///////////////////////////////////////////////
var urls=[
    "/echo/json/",
    "/echo/json/",
    "/echo/json/",
    "/echo/json/",
    "/echo/json/",
    ]

//Create the instance
///////////////////////////////////////////////
var someInstance = new SomeClassCollection(urls);
4

1 回答 1

1

在我看来，这是您的体系结构的一个更广泛的问题，但是这是可行的。

$.get返回一个 XHR 对象，您可以使用返回值并挂钩它的“成功”。

您可以更改globalAction为

globalAction: function(theUrl){
    return globallyDoStuff.somethingWithACallback(theUrl);
}

然后将SomeClass构造函数更改为

var SomeClass = function(theUrl){
    var result = this.globalAction(theUrl);
    //note, you now fill the object here, in the returned part
    //when a constructor returns an object it behaves like a normal function
    return {callRes:result,...};
};

然后将 addSomeClass 更改为

addSomeClass: function(theUrl){
        var addedClass = new SomeClass(theUrl);
        this.arrayOfClasses.push(addedClass);
        addedClass.callRes.done(function(){
           //your code executes here! EACH TIME AN AJAX REQUEST IS COMPLETED
        }
},

请注意，您还可以挂钩jQuery全局ajaxComplete方法：

$.ajaxComplete(function(){
   //this executes whenever ANY AJAX request is complete!
}

您可以向其添加if检查，请参阅API

于 2013-03-08T02:26:02.027 回答