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

作者: 出处:51CTO.com整理　 ( ) 砖 ( ) 好评论 ( ) 条　进入论坛

更新时间：2006-01-07 13:35
关键词：Ajax
阅读提示：本文介绍如何给自己维护的一个小网站加个首页新闻，浏览器用 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 [2] [3] 下一页

【内容导航】

滚动新闻　术语词典　问题悬赏

发表

共条查看

评价

叫个好

拍一砖

相关

专题

文档

·《ASP.NET AJAX Web 应用开发秘诀（VB版..
·解析Ajax开发框架走进Ajax开发应用
·Ajax明天会HOT还是OVER？
·微软的Ajax：Atlas(ASP.net AJAX)
·AJAX 51CTO技术座谈会

·基于REST的Web服务及其基于Ajax的客户端
·利用DWR开发基于Ajax的文件上载portlet
·开源Eclipse利用Ajax的优势与微软展开竞..
·使用Google Web Toolkit和JSON开发Ajax..
·Ajax和XML：使用Ajax实现打分评级和添加..

相关

博客

帖子

·静态页中利用AJAX.NET实现无刷新页面？
·AJAX实践:开发你自己的RSS在线阅读器
·如何在ASP.Net Ajax中调用WebService
·Ajax实现无刷新三联动下拉框
·Ajax.NET的几个示例代码

·qiuqiu 各位哥哥姐姐叔叔阿姨爷爷奶奶，..
·.Net环境下基于Ajax的MVC方案
·基于PHP的AJAX技术实现文件异步上传
·十分钟学会 xajax
·xAjax简单使用范例

相关

白皮书

资料

·SQL培训文件：绝对精华
·SQL SERVER命令大全
·SQL-Security学习资料
·2007-DSG SnapArchiving-Oracle历史数据..
·2007-DSG-SnapAssure数据备份产品白皮书

·Ajax 培训教程
·支持php的AJAX最新开发工具
·AJAX Webshop 3 beta
·用Ajax读取XML格式的数据源码
·AJAX开发简略

相关

讨论组

技术人

·嵌入式
·爱生活爱网络
·阿刘办公设备维修
·综合布线技术交流
·僖哈组

我也说两句

中国领先的 IT 技术网站 ·
技术成就梦想

·解析Ajax开发框架走进Ajax开发应用
·基于Google Maps与Ajax在Java Web..

· 揭开“阴暗”面纱看实..
· 用于帮助理解SOA与企业..
· SOA术语概述，第3部分..
· WindowsMobile应该如何..
· 如何用正则删除不包含..
· Spring2 Hibernate3 Ju..

· 光凭毅力难做事央企CI..
· 技术+业务未来CIO将承..
· 央企CIO职责定位有待明..
· qiuqiu 各位哥哥姐姐叔..
· .Net环境下基于Ajax的M..
· 基于PHP的AJAX技术实现..

排行榜

·Ajax的应用开发 (查看118329次)
·SOA 面向服务架构 (查看59469次)
·AJAX技术汇总 (查看27405次)
·Ajax技术简介 (查看19529次)
·SOA概览 (查看16519次)

·Ajax开发系列访谈：它是技巧而不是技术 (439个砖)
·SOA 面向服务架构 (368个砖)
·Ajax的应用开发 (361个砖)
·解析Ajax开发框架走进Ajax开发应用 (297个砖)
·架构师谈Ajax框架：它不是泡沫 (184个砖)

·Ajax开发系列访谈：它是技巧而不是技术 (723个好)
·SOA 面向服务架构 (468个好)
·Ajax的应用开发 (422个好)
·解析Ajax开发框架走进Ajax开发应用 (298个好)
·架构师谈Ajax框架：它不是泡沫 (198个好)

·2006年前沿技术频道热点关注 (01月)
·解析Ajax开发框架走进Ajax开发应用 (12月)
·透析SOA的技术支持 (12月)
·BEA World 2006 北京 (12月)
·Ajax明天会HOT还是OVER？ (12月)

·网络应用趣味技术自测：从DNS到Mai..
·一台电脑上安装145个操作系统

· 网络应用趣味技术自测..
· 微软统一沟通视频系列..
· Oracle 11g Linux正式..
· 微软整合Windows Live..
· 鲁毅智：英特尔的非法..
· 中兴声明对菲总统禁令..
· 从交换机原理看网络广..
· 开源软件启用Java的新..

· 7种选择描绘AMD忐忑前途
· 熊猫烧香制造者今日受..
· 微软推新Live Search抗..
· 专家教你写简历系列之..
· Active Directory中的..
· 思科交换机上实现MAC地..
· 微软向OEM厂商提供XP恢..
· ARP攻防实例一：用Sinf..

订阅技术快讯

电子杂志下载

名称：网络安全精品应用黄皮书
简介：《2007精品网络安全黄皮书》包括了9个大类24个小类， 800余篇文章，内容包含了熊猫烧香病毒、DDOS攻击、ARP病等热点问题的介绍及解决方案。从病毒查杀、防范、系统、数据等各方面的安全设置到黑客技术的了解、防范，涉及到了安全应用的全部领域, 由浅至深内容全面。

名称：Vista精品应用黄皮书
简介：《Vista精品应用黄皮书》囊括了Vista的各方面内容。此次的精简版，是将里面的内容做了提取，便于用户下载和使用。内容包含了各种Vista的安装与实施、技巧与解析以及各种Vista相关学习文档和相关软件的安全下载。该电子书是了解和应用Vista人员必备的工具手册，并且也是第一本

名称：2006中国IT论坛精品集合
简介：本书由“51CTO论坛推广联盟”制作完成。书中所有内容均来自各联盟成员的论坛（网站）。制作本书的目的是为了集中大家的优势资源，将更多更精彩的内容带给广大技术爱好者。本书是联盟成立以来制作的第一本书。

专题

· OSPF路由协议专栏
· 思科路由器产品
· 华为路由器产品
· 路由器模拟器
· AIX操作系统管理应用（..
· 思科路由器配置
· 路由器组网解决方案
· 路由器密码恢复

· 无线路由器故障处理
· 路由故障处理手册
· 路由器访问控制列表(AC..
· 路由器的安全配置与安..
· 无线路由器配置
· 路由器技巧
· 华为路由器配置
· 路由器配置基础

Java编程开发手册

Java基础教程

· Java基础教程
· VPN技术
· SQL Server 2005全解
· ARP攻击防范与解决方案
· SOA 面向服务架构
· SQL Server 2005全解
· Java编程开发手册
· 三层交换技术专题

· SQL Server入门到精通
· Windows Server 2003企..
· Windows远程桌面应用
· C#技术开发指南
· VPN技术
· Solaris 10 配置管理
· C#技术开发指南
· Windows操作系统安装

Java编程开发手册

Java基础教程

· VPN技术
· ARP攻击防范与解决方案
· SQL Server 2005全解
· Java基础教程
· SQL Server入门到精通
· SQL Server 2005全解
· SOA 面向服务架构
· Java编程开发手册

· C#技术开发指南
· 三层交换技术专题
· C#技术开发指南
· Windows远程桌面应用
· Windows Server 2003企..
· 邮件服务器专题
· wimax技术与趋势
· Windows操作系统安装

专家

博客

导读

关键字阅读

频道精选

组网建网	安全频道
· NGN:下一代网络 · 网络访问中断大排查 · FTTx光纤接入	· 平凡黑客讲述精彩人生（.. · 平凡黑客讲述精彩人生（.. · 平凡黑客讲述精彩人生（..
编程频道	前沿技术
· C++是垃圾语言？！ · 2007年IT界七大抄袭事件 · Java实用开发全集	· 解析Ajax开发框架走进A.. · 基于Google Maps与Ajax.. · 基于Google Maps与Ajax..
操作系统	服务器
· Ubuntu 中文开源频道 · Solaris基础知识入门 · 微软正式发布英文版Wind..	· 服务器基础知识入门 · Rambus第二？看全缓冲内.. · 服务器节能对比测试：AM..
数据库	存储频道
· 甲骨文Oracle 11g正式发.. · Oracle数据库开发之PL/S.. · Oracle数据库开发基础教..	· 存储2006，一个并购的大.. · IDC宣布浪潮蝉联存储市.. · 双机热备技术

DB2 9技术资源中.. 推荐阅读
·DB2 Viper快速入门 ·DB2 9数据库的镜像分割与..	·将XML应用程序从DB2 8.x.. ·DB2 9中的pureXML：如何..
51CTO.com编辑部.. 推荐阅读
·服务器中的“傻瓜机”在.. ·盖茨也喜欢登录Youtube看..	· ·

hellen 的博客
· 职场冲浪（之八）：让感.. ·职场冲浪（之七）：潜心..	·人生如鞋 ·职场冲浪(之六):从离梦最..
白璐的博客
·将职业教育职业化 - 各IT.. ·思科交换机上实现MAC地址..	·关于51CTO合作出书中的职.. ·OSPF动态路由协议入门简介