Flickr, Delicious ? Twitter? ?? ???? ?? ???? ?? ? ??? JavaScript ?? ?? ??? ?????. ??? jQuery? ?? ????? ?? JavaScript ??? ??? ???? ??? ? ? ?? JavaScript? ???? ????? ???, ?? ??? ?? ? ?? ????. ??? ?? ???? JSON ??? ?? API? ???? ??? ??? ???? ?? ????. JQuery? ???? Twitter? ?? ??? ??? ?? ?? ??? ?? ????. ??? ?? ???? ?? ?? ?? ????.

Twitter JSON API? ???? ? ??? ?? URL???.

http://twitter.com/status/user_timeline/sitepointdotcom.json?call=5&callback=yourfunction

SitePointDotcom? ??? ??? ???? ??? ??? = 5 ??? ????? ?? ?? ???? ?? ??? ???? ??? ???? ????????. ?? URL? ????? ?? ??? ???? JSON ???? ?????? ??? ??? ? ????.

??? JavaScript ??? ???? ????. JSON ?? ??? ?? ? ?? (? ?? ? ??)? ?? ??? ?????. ????? ?? URL? ??? ? ???? ???? ??? ????? ????. ?? JavaScript? ?? ??? ??? ???? ?? ? ??? ???? ????? ???? AJAX ?? ??? ???????. ??? ?? ????? JavaScript ?? ??? ???? ?????. ??? ??? ??? ??? ???? ?? ?????.

yourfunction([ ... ]);

??? ?? ???? ??? ???? ?? ??? ??? ????? ???? ??? ?? ?? ??? ?????. ??? jQuery?? ?? ??? GetJson ??? ??? ????. ?? ?? ???? ?? ??? HTML? ?????.

????? ?? ??? ????? ??? ?? ??? ?? DIV ??? ??? ????? ????. ??? ?????. JavaScript? ?? ??? ???? ??? ?? ??? ???? ????? ?? ???? ???? ???? ?? ?? ??? ?????.

<div >
  <p>
    <a href="http://twitter.com/sitepointdotcom">
        Follow me on Twitter
    </a>
  </p>
</div>

??? ???? ????? ????? ????? ??? jQuery???? ???? ?? ?? ??? $ (Document)? ???? ????.

?? getjson ???? ??? ?? URL???. ? ??? ??? ?? ??? ?? ??? ???? ?? =? URL? ?? ??, jQuery? ??? ?? ?? ??? ?????.

$(document).ready(function(){
  //our code goes here...
});

JQuery? JSON ???? ? ?? ??? ??? ??? ??? ??? ?????. ?? ?? ? ??? ???? ?? ??? ?? ???? ???? HTML? ?? ? ? ????.

$(document).ready(function(){
  var tweeturl = "http://twitter.com/status/"
      +"user_timeline/sitepointdotcom.json?count=5"
      +"&callback=?";
  $.getJSON(tweeturl, function(data){
    //read the JSON data here...  
  });
});

yourfunction([ ... ]);

??? ???? ??? ???? ??? ???? ?? ?? ????? ? ??? HTML ???? ???? ???? HTML? ?????. ?? CSS?? ?? ???? ??? ? ??? ?? ?? ??? ??? ?? ?????. ???? ?? ??? ? ??? ?????? ??? ??? @replies, ?? ?? ? URL? ??????? ?????. ??? ?? JavaScript ?? ???? ???? ??? ?? ? ?? ????.

<div >
  <p>
    <a href="http://twitter.com/sitepointdotcom">
        Follow me on Twitter
    </a>
  </p>
</div>

?? ??! ?? ???? ??????. ??? ?? ?????

?? ?? ??? ??? Flickr, Last.fm ? Yahoo Pipes? ?? ? ? ????. ??? ??? ?????. ?? ??? ???? ?? URL? ???? ??? ?? ?? ?? ? ? ????. Sitepoint? ?? ?? ??? ? Raena? ?? ???? ???? ??? ?? ??? ?? ???? Lifestream ??? ?????? ?? ? ??? ??????. ??? ?? ????, ??? ??? ?????.

? ??? jQuery ? JSON?? ???? ? ??? ??? ?????.? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!