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

来源：网络收集责任编辑：栏目编辑发表时间:2013-07-01 07:37　点击:次

ASP PHP JSP JavaScript 网页设计 DIVCSS Ajax技术 HTML5

【导读】本文介绍如何给自己维护的一个小网站加个首页新闻，浏览器用 Ajax 或者 Ajah 从服务器取新闻异步的显示出来，同时提供 RSS 源供聚合器订阅。

给自己维护的一个小网站加个首页新闻，浏览器用 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 的代码：

<html>

<head>

<title>首页新闻测试</title>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<script type="text/javascript" src="xmlhttprequest.js"></script>

</head>

<body>

<div id="News">新闻读取中……</div>

<script type="text/javascript">

var req = new XMLHttpRequest();

if( req )

{

req.onreadystatechange = function()

{

var News = "新闻读取失败";

try

{

if( req.readyState == 4 && ( req.status == 200 || req.status == 304 ) )

News = req.responseText;

}

catch(e)

{

News = e.description;

}

document.getElementById( 'News' ).innerHTML = News;

};

req.open( 'GET', 'news.php' );

req.send( null );

}

</script>

</body>

</html>

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

<?php

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

//echo "这就是新闻";

?>

[本文共有 3 页，当前是第 1 页] <<上一页下一页>>

如果注释掉第一句而开放第二句的话不仅看到的是乱码，在 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://feed

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

相关新闻>>

今日头条

推荐热点

您可能感兴趣的文章

快速直达

新闻点评智问网络

新闻关注排行榜

WEB编程导航