使用 Flickr JSON 请求时没有返回结果

Question

我对 AJAX 还很陌生，并且正在尝试 Twitter 和 Flickr。 Twitter 到目前为止运行良好，但我在使用 Flickr API 时遇到了一些问题。

我没有得到任何结果。该 URL 似乎工作正常，我指向包含数组（“items”）的正确对象。有人可以告诉我我做错了什么吗？谢谢！

      $('#show_pictures').click(function(e){
    e.preventDefault();
    $.ajax({
      url: 'http://api.flickr.com/services/feeds/photos_public.gne?format=json&tags=home&nojsoncallback=1',
      dataType: 'jsonp',
      success: function(data) {
        $.each(data.items, function(i, item){
          $('<div></div>')
            .hide()
            .append('<h1>'+item.title+'</h1>')
            .append('<img src="'+item.media.m+'" >')
            .append('<p>'+item.description+'</p>')
            .appendTo('#results')
            .fadeIn();
        })
      },
      error: function(data) {
        alert('Something went wrong!');
      }
    });
  });

编辑：我已经更改了 URL，并且在 FireFox 中收到错误报告：“无效标签”，涉及根范围中的“标题”对象。

Answer 1

看来问题出在 URL 上。显然，jQuery 总是需要一个回调参数，并且通常会附加“callback=?”。但是，由于 Flickr 使用“jsonpCallback”作为参数名称，因此我必须将 URL 更改为：

http://api.flickr.com/services/feeds/photos_public.gne?format=json&tags=home&jsoncallback=？

很快，它突然就像一个魅力！

Answer 2

尝试注释掉这一点：

$('<div></div>')
        .hide()
        .append('<h1>'+item.title+'</h1>')
        .append('<img src="'+item.media.m+'" >')
        .append('<p>'+item.description+'</p>')
        .appendTo('#results')
        .fadeIn();

那么就这样做

  console.log(data);

如果您正在使用 firebug （您可能应该这样做），

  alert(data);

，或者这会告诉您您的请求是否正在返回数据。仅供参考，我在你的网址上运行了curl，它返回了一堆json。

Answer 3

使用 dataType: 'json' 代替 dataType: 'jsonp' 有什么区别吗？

Answer 4

“无效标签”是指解释器期望的标签值对中的标签。可以这样解决

http://willcode4beer.com/tips.jsp?set=jsonInvalidLabel

或者你可以传递 jsoncallback=?返回的 json 用这些括号括起来。