访问ajax之外的变量

Question

我有以下代码:

var src, flickrImages = [];

$.ajax({
    type: "GET",
    url: "http://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=bf771e95f2c259056de5c6364c0dbb62&text=" + xmlTitle.replace(' ', '%20') + "&safe_search=1&per_page=5&format=json",
    dataType: "json",
    statusCode: {
        404: function() {
                    alert('page not found');
                }
    },
    success: function(data) {
        $.each(data.photos.photo, function(i,item){
            src = "http://farm"+ item.farm +".static.flickr.com/" + item.server + "/" + item.id + "_" + item.secret + "_s.jpg";
            flickrImages[i] = '<img src="' + src + '">';
        });
    }
});

// undefined returned here for flickrImages

map.setZoom(13);
map.setCenter(new google.maps.LatLng(xmlLat,xmlLng));
infowindow.setContent('<strong>' + xmlTitle + '</strong><br>' + xmlExcerpt + '<br><br>' + flickrImages.join(''));
infowindow.open(map,this);

我试图访问ajax之外的flickrImages变量,所以我可以把它放在一个infowindow谷歌地图.不幸的是,在ajax之外它返回undefined.

我尝试将flickr的东西移动到ajax中但不幸的是它失去了一些其他信息,如xmlTitle和xmlExcerpt.

任何帮助深表感谢.

提前致谢,

戴夫.

Answer 1

之所以flickrImages未定义注释的原因,是因为调用$.ajax是异步的,这意味着在请求完成之前它不会阻塞.

这就是为什么有一个success函数在底层HTTP请求完成时被"回调".因此,您需要flickrImages从success函数中处理变量,或者从函数中处理变量success,然后传递flickrImages给进行处理的其他函数.