Question

我尝试使用for循环遍历数组。在循环中有一个异步的ajax调用。我需要它来使用for循环迭代的当前值，而不是最终检索ajax调用时更改的值。我搜索了一个解决方案，偶然发现了一个函数关闭。奇怪的是，在这种情况下它似乎不起作用。有谁可以提供帮助？谢谢！

编辑：
迭代的最后一个键值用于每个feed的标题。所以他获取了正确的feed（feed [key]）但是在成功部分，他只是为每个feed推送last_key + title。我没有收到任何错误，ajax调用正常。

for (var key in feeds) {
  (function(k) {
    console.log('function: ' + k); // gives the correct keys, e.g. first time 'Reddit', second time 'Tweakers'
    $.feedToJson({
      feed: feeds[k],
      success: function(data) {
        console.log('succes: ' + k); // always gives the last key, e.g. always 'Tweakers'
        for (var i in data.item) {
          var item = data.item[i];
          if (typeof item.title == 'object') {
            news.push(k + ': ' + item.title[0]);
          } else {
            news.push(k + ': ' + item.title);
          }
        }
      }
    });
  })(key);
}

var feeds = {
Reddit: 'https://www.reddit.com/r/leagueoflegends/.rss?sort=new',
Tweakers:'http://www.tweakers.com/feeds/nieuws.xml'

}

(function fetchNews() {
    news = [];
    for (var key in feeds) {
        (function (k) {
            console.log('function: ' + k); // gives the correct keys, e.g. first time 'Reddit', second time 'Tweakers'
            $.feedToJson({
            feed: feeds[k],
            success: function(data){
                        console.log('succes: ' + k); // always gives the last key, e.g. always 'Tweakers'
                        for (var i in data.item) {
                            var item = data.item[i];
                            if (typeof item.title == 'object') {
                                news.push(k + ': ' + item.title[0]);
                            } else {
                                news.push(k + ': ' + item.title);
                            }       
                        }
                    }
            });
        })(key);
    }

    setTimeout(function() {
        fetchNews();
    }, 60000);
})();

(function($) {

$.extend({
    feedToJson: function(options, callback) {
        if ($.isFunction(options)) {
          callback = options;
          options = null;
        }
        options = $.extend($.feedToJson.defaults,options);
        var url = options.yqlURL + options.yqlQS + "'" + encodeURIComponent(options.feed) + "'" + "&_nocache=" + options.cacheBuster;
        return $.getJSON(url, function(data){  
                //console.log(data.query.results);
                data = data.query.results;
                $.isFunction(callback) && callback(data); //allows the callback function to be the only option
                $.isFunction(options.success) && options.success(data);
            }); 
    }
});

}）（jQuery的）;

Answer 1

您可以使用$.each创建更简单，更易读的闭包。

$.each(feeds, function (key, feed) {
    $.feedToJson({
        feed: feed,
        success: function (data) {
            console.log('succes: ' + key); // always gives the last key, e.g. always 'Tweakers'
            $.each(data.item, function (_, item) {
                if (typeof item.title == 'object') {
                    news.push(key + ': ' + item.title[0]);
                } else {
                    news.push(key + ': ' + item.title);
                }
            })
        }
    });    
});

根据显示的代码，您当前的关闭应该正常工作

异步javascript ajax调用关闭不起作用

1 个答案: