Javascript 使用jQuery检索Flickr照片标题和描述
令人烦恼的是,FlickrAPI以两种不同的方式提供照片的标题和描述。我在从Flickr获取图像描述时遇到问题,不知道您是否可以突出显示我脚本中的错误Javascript 使用jQuery检索Flickr照片标题和描述,javascript,jquery,flickr,Javascript,Jquery,Flickr,令人烦恼的是,FlickrAPI以两种不同的方式提供照片的标题和描述。我在从Flickr获取图像描述时遇到问题,不知道您是否可以突出显示我脚本中的错误 for (var i = 0; i < photos.photo.length; i++) { var descPhoto = "https://api.flickr.com/services/rest/?method=flickr.photos.getInfo&api_key="+API_KEY+"&
for (var i = 0; i < photos.photo.length; i++) {
var descPhoto = "https://api.flickr.com/services/rest/?method=flickr.photos.getInfo&api_key="+API_KEY+"&photo_id="+photos.photo[i].id+"&format=json&nojsoncallback=1";
var descArr = [];
$.getJSON(descPhoto, function(data) {
var value = data.photo.description._content;
descArr.push(value);
});
link = 'https://farm' + photos.photo[i].farm + '.static.flickr.com/' + photos.photo[i].server + '/' + photos.photo[i].id + '_' + photos.photo[i].secret + '_';
title = this._htmlEscape( photos.photo[i].title );
var lightbox = "lightbox";
listItems +=
'<li ' + 'class="' + liClassNoDots + '">' +
'<a href="' + link + self.options.imageSize + '.jpg" title="' + title + '" class="' + aClassNoDots + '" target="_blank" data-lightbox="' + lightbox + '">' +
<img alt="' + title + '" src="' + link + self.options.thumbnailSize +'.jpg"/>' +
'<div class="hover-box">' +
'<p>' + descArr[i] + '</p>' +
'<button class="box-button view">View larger</button>' +
'<button class="box-button request">Request</button>' +
'</div>';
'</a>' +
'</li>';
}
for(var i=0;i”+
'' +
“”;
}
获取标题很好,我已经通过API字符串调用进行了检查,它们在我浏览器的地址栏中工作
我使用了console.log()
,数组打印正确,我得到了描述。但是,在每个
标记中,脚本在每个实例中都返回未定义的
但是,如果我通过调试器运行脚本,paragraph标记将填充描述。有人能帮忙吗 我认为问题在于以下代码:
..
$.getJSON(description, function(desc) {
value = desc.photo[ i ].description._content;
});
当您使用photo
数组时,返回photo
对象,更改为:
..
$.getJSON(description, function(desc) {
value = desc.photo.description._content;
console.log( value );
});
我认为问题在于以下代码:
..
$.getJSON(description, function(desc) {
value = desc.photo[ i ].description._content;
});
当您使用photo
数组时,返回photo
对象,更改为:
..
$.getJSON(description, function(desc) {
value = desc.photo.description._content;
console.log( value );
});
我尝试过使用上述解决方案,但没有成功。仍然没有返回描述。获取照片信息的url是否正确。。?console.log(值)是什么;返回…?照片URL是否正确?是。console.log不会向firefox控制台返回任何内容。在脚本中始终使用firebug
value=”“
。我尝试过使用上述解决方案,但没有成功。仍然没有返回描述。获取照片信息的url是否正确。。?console.log(值)是什么;返回…?照片URL是否正确?是。console.log不会向firefox控制台返回任何内容。在脚本中始终使用firebugvalue=”“
。