Question

＃1（ERS），

我创建了一个javascript函数，用于处理来自对象数组的数据，在这个函数中，我正在迭代数组，为数组中的每个对象调用ajax请求。

但是，在ajax.done（）函数中，我需要传入迭代的索引j。然而，在迭代内部，j被卡在4上，而在迭代之外，j在迭代时成功计数。请注意，下面代码中的i迭代在每个ajax请求中循环，以拉出某些值以形成数组，因此可以忽略。

任何人都可以帮我解决我需要做什么来使j迭代进入.done（）块吗？

谢谢，杰米

传递给代码的对象：

var dataConfig = [
            { targetDiv: "#chart", chartTitle: "Title", tooltipVisible: true, xAxisLabel: "Label", leftYAxisLabel: "Unit"  },
            { apiUrl: "URL", type: "column", yAxis: "right", visibleInLegend: false },
            { apiUrl: "URL", type: "line", yAxis: "left", visibleInLegend: false },
            { apiUrl: "URL", type: "line", yAxis: "left", visibleInLegend: false },

        ];

守则：

for ( var j = 2; j < dataConfig.length; j++ ) {
                console.log(j);
                chartConfig[j] = { 
                    yAxisValues: [], 
                    type: dataConfig[j].type, 
                    yAxis: dataConfig[j].yAxis, 
                    visibleInLegend: dataConfig[j].visibleInLegend
                }
                $.ajax({
                    url: baseURL + dataConfig[j].apiUrl,
                    beforeSend: function ( xhr ) {
                        xhr.setRequestHeader('Authorization', 'yes');
                    }
                }).done(function (data) {
                   //get Y Axis Values
                    var yAxisData = data.DataSeries.Data;
                    yAxisValues = [];
                    for ( var i = 0; i < yAxisData.length; i++ ) {
                        var yAxisValue = yAxisData[i].Y[0];
                        yAxisValues.push(parseInt(yAxisValue, 10));
                    };
                    console.log(yAxisValues);
                    console.log("j:", j);
                    // chartConfig[j].yAxisValues = yAxisValues;
                });

            };

Answer 1

AJAX是异步的。 .done（）方法将在一个很可能与父for循环不同步的点运行，因此你不能依赖变量'j'。

您可以使用以下语法通过捕获自执行函数中的j值来实现您想要的目标：

for ( var j = 2; j < dataConfig.length; j++ ) {
    (function(index) {
        $.ajax({
            url: baseURL + dataConfig[j].apiUrl,
            beforeSend: ...
        }).done(function(data) { 
           console.log(index); 
        });
    })(j);
}

如何在jquery中检索变量ajax .done（）

1 个答案: