我尝试使用Flickr API在我的网站上创建一个图片库,我有一个API & photoset,并使用Flickr方法'getPhotos‘从给定的集合中返回照片,我使用jQuery调用此方法。
我的javascript看起来一切正常,除了在返回Flickr照片集的详细信息时,在构建我的src位置时,数据正在丢失……
在调试(使用Internet Explorer - F12)时,对象'data‘包含预期的详细信息,参数为photoset,在该参数内我有参数'photo’,在该参数内我有一个对象集合0-37,每个对象都包含参数‘title,id,secret,server和title’,所有这些参数都具有期望值。然而,当我构建我的HTML 'theHtml‘并用上面的值填充空白时,我的HTML值被设置为'undefined’。
所以并没有得到预期的结果: farm4.static.flickr.com/2480/1234567890_a1a1a1a1a1_b.jpg
我得到了farmundefined.static.flickr.com/undefined/undefined_undefined_b.jpg
有人能给我解释一下吗?
下面是我的jQuery代码:
<script type="text/javascript">
 $(document).ready(function(){
 $.getJSON('http://api.flickr.com/services/rest/?method=flickr.photosets.getPhotos&api_key=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx&photoset_id=00000000000000000&format=json&jsoncallback=?', displayImages);
  function displayImages(data) {
   var theHtml = "";
   $.each(data.photoset, function(i,photo){
    var source = 'http://farm'+photo.farm+'.static.flickr.com/'+photo.server+'/'+photo.id+'_'+photo.secret+'_b.jpg';
    theHtml+= '<li><a href="'+photo.link+'" target="_blank">';
    theHtml+= '<img title="'+photo.title+'" src="'+source+'" alt="'+photo.title+'" />';
    theHtml+= '</a></li>';
   });
   $('#images').html(theHtml);
  };
 });
 </script>
<div id="images"></div>var源没有正确构建。
提前干杯!
发布于 2010-07-29 16:49:52
排序好了!
$.each(data.photoset, function(i,photo){ 应该是
$.each(data.photoset.photo, function(i,photo){https://stackoverflow.com/questions/3360502
复制相似问题