Ajax+PHP+YUI手工制作rss阅读器

上次俺的简陋练习作品Ajax+json小有心得,这次继续尝试利用Ajax+PHP+YUI手工制作rss阅读器。

写一点html来展示RSS的内容

CODE:
  1. <body>
  2. <h1>RSS阅读器</h1>
  3. <div id="rss_bd">内容待填补</div>
  4. </body>

利用YUI的Connection manager来处理XHR

yahoo已经提供了在线的YUI Hosting,直接引用:

CODE:
  1. <script type="text/javascript" src="http://yui.yahooapis.com/2.2.2/build/yahoo/yahoo-min.js"></script>
  2. <script type="text/javascript" src="http://yui.yahooapis.com/2.2.2/build/connection/connection-min.js"></script>
  3.  
  4. <script type="text/javascript">
  5. var sUrl = 'proxy.php';
  6. var callback =
  7. {
  8.   success: function(o) {
  9.      document.getElementById('rss_bd').innerHTML = o.responseText;
  10.   },
  11.   failure: function(o) {/*failure handler code*/}
  12. }
  13. var transaction = YAHOO.util.Connect.asyncRequest('GET', sUrl, callback, null);
  14. </script>

很困,这部分没写完整,下次来补齐。

用php做一个proxy来避免跨站访问的问题

proxy的要点
一定要输出header,否则在解析的时候你可能会遇到莫名奇妙的问题。
如果你的服务器不支持远程url open,可以考虑使用curl,比如说在dreamhost的主机上

CODE:
  1. <?php
  2. $searchUrl = 'http://api.search.yahoo.com/ImageSearchService/V1/imageSearch?appid=YahooDemo&results=4&output=json&query=';
  3. if(!empty($_POST['query']))
  4.  echo file_get_contents($searchUrl . $_POST['query']);
  5. ?>

到这里,一个简陋的RSS阅读器的雏形已经完备了。

什么是ajax

在百度知道上面搜索的答案,一本正经的告诉你:

Ajax(Asynchronous JavaScript and XML)是结合了Java技术、XML以及JavaScript等编程技术,可以让开发人员构建基于Java技术的Web应用,并打破了使用页面重载的惯例。

看了后立马一口茶水做雾状均匀喷洒到本本的屏幕上,Ajax本身和java有嘛关系?

作者: volcano 发表于7月 5, 2007 at 8:06 am

版权信息: 可以任意转载, 转载时请务必以超链接形式标明文章原始出处作者信息及此声明

Tags: ,,,

4 条评论 »

  1. cc 于 2007-07-05 @ 09:12:53 留言

    站长你好,我想问一下高亮代码是用的什么插件?
    我找过好久没有找到合适的。

    谢谢

  2. volcano 于 2007-07-05 @ 09:22:53 留言

    请看俺使用的wordpress插件清单,我使用的高亮代码插件是iG:Syntax Hiliter 3.1

  3. University Update - AJAX - Ajax+PHP+YUI????rss??? 于 2007-07-05 @ 11:02:15 留言

    […] Link to Article ajax Ajax+PHP+YUI????rss??? » Posted at - ?????? on Wednesday, July 04, 2007 […]

  4. lnsoso 于 2007-07-05 @ 17:29:36 留言

    quote:
    可以让开发人员构建基于Java技术的Web应用

    饿滴伸呐~~ p^0^q

RSS 为此帖反馈评论 · 反向跟踪 网站

留条评论