Jquery ajax调用变量冲突

Question

以下是我项目中的代码。问题在于，每当我调用函数getLinks（）时，ajax调用都会获取数组数据并仅在＆＃34; plots＆＃34;中打印。 DIV。 ＆＃34;图表＆＃34; div正在逐渐消失。

ajax调用正确地根据选项卡获取数据，但只有问题不在相应的div中打印。

请解释一下我在这里失踪的东西.. ??

getLinks() {

    var tabs = ['graph','plots'];
    var t = 0;

    for(t=0; t<tabs.length; t++) {

        var currentTab = tabs[t];
        var d = 0; var li = "";

        $.ajax({
            type: "post",
            url: 'url'+currentTab,
            success: function(data) {

                // 'data' will be group of array variable
                for(d=0; d<data.length; d++) { 

                    var id = data[d].id;
                    var label = data[d].label;

                    li = "<li><a href='/"+currentTab+"?product="+currentTab+"&id="+id+"'>"+label+"</a></li>";

                    $("#"+currentTab).append(li);
                }

            }
        });

    }
}

<div id="graph"></div>
<div id="plots"></div>