javascript - 如何一次显示所有回调结果(格式化)

Question

我有一个回调，一旦数据准备好就会发送数据(例如，左键单击后发送 5 个名称的数组)。我想将所有发送的数据显示到 Ext.Panel，但它仅在 Ext.Panel 中显示数组的最后一个对象(例如，数组从 1 到 5，并且 1 到 4 出现得非常快，并且在最终只剩下 5 个)。此外，我想按行显示这些数据，而不是像数组一样。我怎样才能实现这一目标？

代码:

  trigger: function(e) {
    /* define some here */
    /*...*/
    $.ajax({
      /*...*/
      success: function(result){
        /*...*/
        var temp1 = 'name1';
        callback(temp1);
      }
    });
    $.ajax({
      /*...*/
      success: function(result){
        /*...*/
        var temp2 = 'name2';
        callback(temp2);
      }
    });
function callback(result){
    console.log('all results but they appear one by one here like: ' + result);

        var store = new Ext.Panel({
            html: result,
            border: false,
            bodyStyle: {
                'padding': '6px'
            },
            autoHeight: true
        });
};

Answer 1

由于您知道您执行的许多 ajax 请求 (5)，因此我建议您创建一个全局变量，它将记住所有回调的结果，并在它们全部加载后插入到您的面板中:

var myData = [];    

function callback(result){
    myData.push(result);
    if (myData.length == 5) {
          var store = new Ext.Panel({
              html: myDataFormated , // Here add some style by transforming myData array
              border: false,
              bodyStyle: {
                 'padding': '6px'
              },
              autoHeight: true
          });   
    }
};