3

我一直在尝试找出一种方法来列出特定列表中所有成员的个人资料图片。

我可以从 API URL 获取状态

 $.ajax({
  url: "https://api.twitter.com/1/lists/statuses.json?slug=stringed-chaos&owner_screen_name=darkpsy",
  dataType: "jsonp",
  jsonpCallback: "listTweets"
});

function listTweets(r) { 
console.log(r);
var output = '<ul>';

$.each(r, function(key, val) {
    var text = r[key].text;
    var thumbnail = r[key].user.profile_image_url;
    var name = r[key].user.name;

    output += '<li>';
    output += '<img src="' + thumbnail +'" alt="Photo of ' + name + '">';
    output += '<div>' + text + '</div>';
    output += '</li>';      
}); //go through each tweet
output += '</ul>';

当我将 API URL 更改为 GET 列表/成员 URL（如官方 twitter 文档中所述）时，我无法提取任何信息（未定义）。我可以很好地解析 statuses.json，但 members.json 什么也不返回

代码如下：

    $.ajax({
  url: "https://api.twitter.com/1/lists/members.json?slug=stringed-chaos&owner_screen_name=darkpsy",
  dataType: "jsonp",
  jsonpCallback: "listTweets"
});

function listTweets(r) { 
console.log(r);
var output = '<ul>';

    $.each(r, function(key, val) {
        var text = r[key].text;
        var thumbnail = r[key].profile_image_url;
        var name = r[key].screen_name;
            output += '<li>';
        output += '<img src="' + thumbnail +'" alt="Photo of ' + name + '">';
        output += '<div>' + text + '</div>';
        output += '</li>';      
    }); //go through each tweet
    output += '</ul>';
    $('#tweetlist').html(output);}`

将不胜感激任何形式的帮助，因为 twitter API 文档似乎不太友好，我也没有在网上找到任何东西来解决这个问题。

4

2 回答 2

0

尝试这个：

<!DOCTYPE HTML>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(function() {
  $.ajax({
    url: "https://api.twitter.com/1/lists/statuses.json?slug=customers&owner_screen_name=vijaysales",
    dataType: "jsonp",
    success: function(r) {
      listTweets(r);
    }
  });
  function listTweets(r) {
    var output = '<ul>';
    $.each(r, function(key, val) {
      var text = r[key].text;
      console.log(JSON.stringify(r[key]));
      var thumbnail = r[key].user.profile_image_url;
      var name = r[key].screen_name;
      output += '<li>';
      output += '<img src="' + thumbnail +'" alt="Photo of ' + name + '">';
      output += '<div>' + text + '</div>';
      output += '</li>';      
    }); //go through each tweet
    output += '</ul>';
    $('#tweetlist').html(output);
  }
})
</script>
</head>
<body>
<div id="tweetlist"></div>  
</body>
</html>

你可以使用success方法。我修复了关于 profile_image_url 的问题。

更新

<!DOCTYPE HTML>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(function() {
  $.ajax({
    url: "https://api.twitter.com/1/lists/members.json?slug=customers&owner_screen_name=vijaysales",
    dataType: "jsonp",
    success: function(r) {
      listTweets(r);
    }
  });
  function listTweets(r) {
    var output = '<ul>';
    $.each(r.users, function(n, user) {
      var text = user.status ? user.status.text : '';
      var thumbnail = user.profile_image_url;
      var name = user.screen_name;
      output += '<li>';
      output += '<img src="' + thumbnail +'" alt="Photo of ' + name + '">';
      output += '<div>' + text + '</div>';
      output += '</li>';      
    }); //go through each tweet
    output += '</ul>';
    $('#tweetlist').html(output);
  }
})
</script>
</head>
<body>
<div id="tweetlist"></div>  
</body>
</html>
于 2012-11-29T07:48:33.413 回答
0

Twitter 的成员列表 API 以与状态 API 不同的格式返回数据。您要查找的数据包含在users[]. 这是一个固定的解决方案：

$.ajax({
    url: "https://api.twitter.com/1/lists/members.json?slug=customers&owner_screen_name=vijaysales",
    dataType: "jsonp",
    success : function(data) {listTweets(data["users"]);}
});

function listTweets(r) {
    var output = '<ul>';

    $.each(r, function(key, val) {
        var text = r[key].text;
        var thumbnail = r[key].profile_image_url;
        var name = r[key].screen_name;


        output += '<li>';
        output += '<img src="' + thumbnail +'" alt="Photo of ' + name + '">';
        output += '<div>Photo of ' + name + '</div>';
        output += '</li>';      
    }); //go through each tweet
    output += '</ul>';
    $('#tweetlist').html(output);
}

我将回调从 更改jsonpCallback为success()因为jsonpCallback在 jsFiddle 的最新版本的 jQuery 上似乎不太好用。

在此处的 jsFiddle 上尝试：http: //jsfiddle.net/vCA4F/并在jsonviewer上查看返回的 JSON 的结构。

于 2012-11-29T07:58:30.617 回答