認証とかめんどくさいんで、とりあえずpublic_timelineを表示するサンプルです。
解釈している部分はfunction getTimeLine()内の
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>"; });
だけですので結構お手軽です。
<!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() { $.get("http://twitter.com/statuses/public_timeline.xml",{}, 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); } ); } </script> </head> <body> <input type="button" onclick="getTimeLine();" value="Get!TL" /> <div id="timeline"> </div> </body> </html>