JavaScript的AJAX回調函數不工作

Question

我有關於ajaxcallback功能

一個問題，我有

test = function(){ 
    this.items=[]; 
} 

//original state. 
test.prototype.getListItems = function(){ 

    this.items.push('test item'); 
    this.handleItems(); 

} 

//this method will be called if the user clicks a button. 
test.prototype.clickBtn = function(){ 

    this.ajGetOneMoreItem()  
    this.handleItems(); 
} 

//a callback function that will add a new item. 
test.prototype.ajGetOneMoreItem = function(){ 
    var that=this;  
    ajax.callback = function(dataItem){ 
     that.items.push(dataItem); 
    }  
} 

//to show the items. 
test.prototype.handleItems = function(){ 

     //only show the test item, but not dataItem after user clicks a button. 
     console(this.items) 

} 


var testObj = new test(); 

$('#testBtn).click(function(){ 
    testObj.clickBtn(); 
}) 

我想表明，通過用戶添加新的項目。 但是，它只出現this.items只顯示第一個'test item'，但沒有添加新的dataItem。我在這裏錯過了什麼嗎？非常感謝！

Answer 1

的調用：

this.ajGetOneMoreItem(); 

完成幾乎瞬間。這意味着下一步：

​​

發生在AJAX回調執行之前。要解決此問題，請將第二步移至回調中。

test.prototype.ajGetOneMoreItem = function(){ 
    var that=this;  
    ajax.callback = function(dataItem){ 
     that.items.push(dataItem); 
     that.handleItems(); 
    }  
}