Question

我在循环中使用jQuery“GET”来从服务器获取多个结果。我想将循环索引作为固定参数包含在回调中，但它不起作用。

（我遵循this article关于如何做的建议。）

但是，我在回调中得到的值完全不是我所期望的 - 而不是每个循环索引值，它总是等于索引的退出值。

即。这里的代码片段为每次回调执行打印出'16'。如何让它打印1,2,3 ...（我意识到订单可能不同，那很好）

除了下面的代码，我还尝试了几种方法来指定回调函数，例如。 function(data, textStatus) { return test(data, textStatus, idx); }, 'text');等。

这应该如何运作？

function test(data, textStatus, siteNo)
{
    console.log("siteNo=" + siteNo);
}

function loadConfigLists()
{
    var siteReport;
    // retrieve site configuration
    jQuery.get("svGetSiteConfig.php", function(data, textStatus) 
    {
        // retrieve port configuration for all sites
        for (var idx=1; idx<=15; idx++)
        {
            var probeIP = siteConfigArray[idx].siteIP;
            if (probeIP != "" && probeIP != null)
            jQuery.get("svGetPortInfo.php?svSiteIpAddr=" + probeIP+"&s="+idx, 
                    function(data, textStatus) { test(data, textStatus, idx); }, 'text'); 
            else // IP value is blank
                siteConfigArray[idx].portManifest = null;
        }
        }
    }, 'text'); 
}

Answer 1

这是一个非常标准的闭包问题。当你这样做时：

function(data, textStatus) { test(data, textStatus, idx); }

您绑定了对idx的引用，但未绑定idx的值。因此，当您的回调被调用时，循环将结束，并且idx将在您绑定的所有回调中为16。

通常的解决方案是通过函数调用强制评估idx：

function build_callback(idx) {
    return function(data, textStatus) {
        test(data, textStatus, idx);
    };
}

// And then...

jQuery.get("svGetPortInfo.php?svSiteIpAddr=" + probeIP+"&s="+idx, build_callback(idx), 'text');

如果要将所有功能保持在一起，也可以使用自执行功能内联函数：

for (var idx=1; idx<=15; idx++)
    (function(idx) {
        var probeIP = siteConfigArray[idx].siteIP;
        if (probeIP != "" && probeIP != null)
            jQuery.get("svGetPortInfo.php?svSiteIpAddr=" + probeIP+"&s="+idx, 
                function(data, textStatus) { test(data, textStatus, idx); }, 'text'); 
        else // IP value is blank
            siteConfigArray[idx].portManifest = null;
    })(idx);

函数调用在调用函数时为您提供idx的值，并且是您想要的idx的值。

for循环中的闭包 - 以循环变量作为参数的回调

1 个答案: