Jquery与json通信

六月 11, 2008 at 10:07 上午 by · Filed under PHP, 编程

这几天在研究怎样做一个接口给其他用户直接使用HTML可以调用，并进行相应的显示控制。最终想到数据以JSON发给前端，应用Js进行处理。自己写一个Json处理类太浪费时间了。看到Jquery支持JSON并可以跨域使用。当然就是想也不用想，直接使用Jquery来做前端的框架了。呵呵。

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2.                     "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4. <head>
  5.   <script src="http://code.jquery.com/jquery-latest.js"></script>
  6.  
  7.   <script>
  8.   $(document).ready(function(){
  9.     $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?", function(data){
  10.   $.each(data.items, function(i,item){
  11.     $("<img/>").attr("src", item.media.m).appendTo("#images")
  12.       .wrap("<a href='" + item.link + "'></a>");
  13.     if ( i == 3 ) return false;
  14.   });
  15. });
  16.   });
  17.   </script>
  18.   <style>img{ height: 100px; float: left; }</style>
  19. </head>
  20. <body>
  21.   <div id="images"></div>
  22. </body>
  23. </html>

一个调用flickr的示范，希望大家可以通过这个示范找到灵感开发出更多好用的东西。

RSS feed for comments on this post · TrackBack URL

发表评论

You must be logged in to post a comment.