我正在尝试为班级分配构建一个简单的 HTML 文档,该文档将允许用户搜索闪烁并根据他们的搜索显示 10 个结果。
我已经为搜索建立了 URL,它似乎工作得很好:http ://api.flickr.com/services/rest/?&method=flickr.photos.search&tags=thor&api_key=b49d87bfd659c5768ab0eafa74f2b6a5&per_page=10
它根据标签“thor”请求信息,并在 xml 中显示 10 个结果。目前很好...
接下来我希望能够存储 XML 的某些部分,以便我可以使用它们来显示图像。根据 Flickr API 信息,我需要以下信息... ID、场、服务器和密码。
我正在使用以下代码来执行此操作。
$(document).ready(function() {
$.get('api.flickr.com/services/rest/?&method=flickr.photos.search&tags=thor& api_key=b49d87bfd659c5768ab0eafa74f2b6a5&per_page=10',function(data) {
var items=[];
$.each(data.photos.photo, function(index, value) {
var ident=(value.id);
alert(ident);
});
})
});
这是行不通的。最大的问题是萤火虫没有给我任何错误,所以我不知道我哪里出错了。如果我能得到一张带照片的身份证,那就太棒了。如果可能的话,我想自己解决剩下的问题。
编辑:我通过 MAMP 运行它,所以我使用 url localhost/example.html
谢谢 Tamil Selvan,您的代码允许我检索 value.id。当我尝试检索任何其他数据(value.server、value.farm、value.secret)时,我得到一个“未定义”的值是否有原因?
我的新代码...
$(document).ready(function() {
$.get('http://api.flickr.com/services/rest/?&method=flickr.photos.search&tags=thor&api_key=b49d87bfd659c5768ab0eafa74f2b6a5&per_page=10',function(data)
{
var items=[];
$(data).find("photo").each(function(index, value) {
var ident=(value.id);
var secret_id=(value.secret);
var farm_id=(value.farm);
var server_id=(value.server);
$("#target").append("<p>"+ident+" "+server_id+" "+secret_id+" "+farm_id+"</p>");
});
});
});