使用 JSONP 时，jQuery 不会在 $.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< 的形式访问个人资料图像/code>

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