jQuery 在使用 JSONP 时不会在 $.ajax() 的 Succes 函数中返回任何 API 结果

Question

我在从 jQuery $.ajax() 函数的 JSONP 数据类型中获取任何结果时遇到了很多麻烦。这是我的 jQuery 代码：

  $('#show_tweets').click(function(){
    $.ajax({
      type: 'get',
      url: 'http://api.twitter.com/1/statuses/user_timeline.json?screen_name=jquery',
      dataType: 'jsonp',
      succes: function(data) {
        $.each(data, function() {
          $('<div></div>')
            .hide()
            .append('<img src="'+ this.profile_image_url +'"/>')
            .append('<p>'+ this.text +'</p>')
            .appendTo('#tweets_gallery')
            .fadeIn();
        })
      },
      error: function() {
        alert('Iets gaat fout!!');
      }
    });
  });

我已将#show_tweets ID 分配给 P 标签。 #tweets_gallery 是一个空的 DIV。现在，我知道我也可以使用 $.getJSON() 函数，但我只想知道如何使用 $.ajax() 正确检索 JSONP 结果要求。我点击了几次，它没有输出任何东西。

提前致谢！

Answer 1

如果由于您的错字而导致错误：

succes: function(data) 应该是success: function(data)

在回复您下面的评论时，profile_image_url 未定义的原因是因为根范围内没有属性。 twitter 返回的 JSON 格式为：

{
  "text" : "The twitter text",
  "user" : {
           "profile_image_url" : "http://path.to.profileimage/",
           ...
  },
  ...
}

所以this.text 存在（这就是您获得价值的原因），但您应该以this.user.profile_image_url 的身份访问个人资料图片

请参阅twitter API，了解 JSON 的结构。