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(); 
    }  
}