精彩专题推荐:建站之入门课 建站之必修课 建站之关键课 网站价值所在 流量提高专题 css+div 标准 个人网站打造全过程
返回建站学首页
导航:
建站首页 | 网站设计 | 网站开发 | 网站运营 | 网页软件 | 建站指南 | 搜索优化 | 图像处理 | 视频教程 | 书籍教程 | 建站专题
当前位置:首页>网站开发>ajax教程>正文

用 Ajax和 RSS制作一个首页新闻


来源: 时间:06-12-06 点击: 点击这里收藏本文

给自己维护的一个小网站加个首页新闻,浏览器用 Ajax 或者 Ajah 从服务器取新闻异步的显示出来,同时提供 RSS 源供聚合器订阅。

XMLHTTPRequest 从上次做过一个手机模拟器后就再没碰过,这次在网上搜寻发现了一个好东西:http://www.scss.com.au/family/andrew/webdesign/xmlhttprequest/,一个 Cross-Browser 的 XMLHttpRequest 实现,作者在创作共用条款(Creative Commons License)下发布这个库,只要你不移除脚本中作者的姓名和网址就可以自由使用,就用它了!下载 xmlhttprequest.js 以备后用。

数据可以保存在数据库中也可以简单的写入到服务器的一个文件中,为了灵活起见我就在 MySQL 中新建一个表放站内新闻了,就这么几个字段:id、title、content、time。新闻录入和从数据库中取数据提供给 Ajax/Ajah 请求略。

下面是客户端 XMLHTTPRequest 的代码:















新闻读取中……






这里唯一值得说明的就是 XMLHTTPRequest 默认是用 UTF-8 传递数据的,所以你的数据源最好也用 UTF-8 否则(因为我们这里客户端已经指定了要用 GB2312 了)得到的会是乱码,这在 IE 下会引发 JavaScript 错误,在 FireFox 下却没问题,所以我用 try 和 catch 把上面的代码包住了,免得测试的时候出现错误。如果想试试的话可以用下面的代码作为 news.php

php

echo iconv( "GB2312", "UTF-8", "这就是新闻" );

//echo "这就是新闻";

?>

如果注释掉第一句而开放第二句的话不仅看到的是乱码,在 IE 下还会出现 -1072896748 错误。有意思的是 IE 好像还会缓存由 XMLHTTPRequest 收到的内容,而 FireFox 则不会,所以在测试中会出现刷新 IE 很多次看到的还是旧数据的问题,可以在程序里加上下面 4 句话解决这个问题:

header( "Expires: Mon, 26 Jul 1997 05:00:00 GMT" );

header( "Last-Modified: " . gmdate( "D, d M Y H:i:s" ) . " GMT" );

header( "Cache-Control: no-cache, must-revalidate" );

header( "Pragma: no-cache" );

要将首页新闻提供给聚合器订阅就要将后台输入的新闻生成 RSS feed,RSS 2.0 的规范可以参考 http://feedvalidator.org/docs/rss2.html,相应的中文翻译版本可以在 http://www.cpcwedu.com/Document/WEBOfficial/095447158.htm 找到。



RSS 格式其实也是 XML 众多方言中的一种,所以也要以 开头,根节点的名称必须是 rss,符合 RSS 2.0 规范的 RSS 中这个 rss 节点要有一个 version="2.0" 的属性。rss 节点有一个名为 channel 的子节点,channel 就是一个频道。channel 有 3 个必要的子节点,分别为 title、link 和 description。以 Blog 为例,title 就是 Blog 的名字,link 是 Blog 的 URL 地址,而 description 是 Blog 的描述。



channel 可以包含若干个 item 子节点,在 Blog 中每一个 item 就对应一篇 post,我们这里每一个 item 就是一篇新闻。item 的所有子节点均为可选,但至少要包含 title 和 description,由于新闻要有时间,所以我们再给它加上一个 pubDate 节点,下面就是一个符合 RSS 2.0 规范的 RSS 文件内容:

<?xml version="1.0" encoding="UTF-8"?>

<rss version="2.0">

<channel>

<title>The name of my site</title>

<link>http://www.mysite.com</link>

<description>Just for testing</description>

<item>

<title>About</title>

<description>Hi, I'm 2ndboy. Welcome to my site!</description>

<pubDate>Sat, 07 Sep 2005 0:00:01 GMT</pubDate>

</item>

<item>

<title>New service is out!</title>

<description>It's great for using.</description>

<pubDate>Sat, 21 Sep 2005 1:23:45 GMT</pubDate>

9 7 3 1 2 3 4 8 :

  把此文章收藏到:          
广而告之
文章搜索
  • Google JZxue.Com

关于我们 | 联系我们 | 友情链接 | 网站地图
Copyright © 2005 - 2006 建站学 All rights reserved.