JQueryを利用してTwitterのfriends_timelineを取得するサンプル

今回はBasic認証が必要なTwitterのfriends_timeline(今回は自分のタイムライン)を表示するサンプルです。

ポイントは、$.getだとBasic認証するために必要な情報を送信できないので、より柔軟な$.ajaxを利用している事と、usernameとpasswordを指定しているという事です。

その他の部分は前回のサンプルそのままです。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
   <meta http-equiv="Content-Type" 
            content="text/html; charset=UTF-8">
<script src="jquery.js"></script>
<script>
function getTimeLine()
{
	$.ajax({url:"http://twitter.com/statuses/friends_timeline.xml",
		username : "username",
		password : "password",
		success : function(data)
		{
			var value = "<ul>";
			result = $(data).find("status").each(function(){
				
				value += "<li><span style='font-weight:bold'>" + $(this).find("user").find("screen_name").text()  +  "</span>" + $(this).find("text").text() + "</li>";
			});
			value += "</ul>";
			$("#timeline").html(value);
		},
		error : function(XMLHttpRequest, textStatus, errorThrown)
		{
			alert(textStatus);
		}
		});
}
</script>
</head>
<body>
<input type="button" onclick="getTimeLine();" value="Get!TL" />
<div id="timeline">
</div>
</body>
</html>
Share