Javascript Ajax异步读取RSS文档具体实现
2020-02-25 16:00:45来源:爱站网 阅读 ()
在开发web项目的时候,开发人员都会很好的利用jQuery代码,他不仅可以给网站带来特效,也可以提高用户体验,下面就让爱站技术频道小编带大家一起来了解一下吧!
RSS 是一种基于 XML的文件标准,通过符合 RSS 规范的 XML文件可以简单实现网站之间的内容共享。Ajax 是Asynchronous JavaScript and XML的缩写。通过 Ajax 技术可以经由超文本传输协议(Http) 向一个服务器发出请求并且在等待该响应时继续处理另外的数据。通过 Ajax 技术可以很容易实现读取远程 XML文件,因此,可以使用 Ajax技术实现远程访问依据 RSS 标准生成的摘要信息,甚至我们可以自己写一个 RSS 阅读器。
??????? Ajax 并不是一门新的语言或技术, 它实际上是几项技术按一定的方式组合在一起。共同在协作中发挥各自的作用, 它包括:使用XHTML 和CSS 标准化呈现; 使用DOM 实现动态显示和交互; 使用XML 和XSLT 进行数据交换与处理; 使用XMLHttpRequest进行异步数据读取; 最后用 JavaScript 绑定和处理所有数据。好了,对于理论就不在多说了,下面我们直接看代码吧。
??????? 创建XMLHttpRequest对象并将请求发送到服务器:
?
function createXHR(url){
???? if(window.XMLHttpRequest){
???????? xmlHttp = new XMLHttpRequest();
???? }else{?
?????? xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
??? }
??? xmlHttp.open("post",url,"false");
??? xmlHttp.onreadystatechange = getResponse;???? xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
??? xmlHttp.send(null);
?}
?
通过DOM操作对Rss文档进行遍历,得到需要的值:
?
function readDoc(doc){
??? root = doc.getElementsByTagName("channel")[0];
??? docTitle = root.getElementsByTagName("title")[0];
??? docLink = root.getElementsByTagName("link")[0];
??? docDescription = root.getElementsByTagName("description")[0];
??? items = root.getElementsByTagName("item");
??? for(var i=0;i
??????? itemLink = items[i].getElementsByTagName("link")[0];
??????? itemDescription = items[i].getElementsByTagName("description")[0];
??????? //itemPubDate = items[i].getElementsByTagName("pubDate")[0];
??????? document.getElementById("rssTitle").innerHTML = docTitle.firstChild.nodeValue;
??????? temp = "
"+itemTitle.firstChild.nodeValue+"
"+""+itemDescription.firstChild.nodeValue+"
";
??????? document.getElementById("readRss").style.display = "none";
??????? document.getElementById("printRss").getElementsByTagName("span")[0].style.display = "none";
??????? document.getElementById("printRss").innerHTML = document.getElementById("printRss").innerHTML + temp;
??? }
}
?
调用createXHR(url)函数,传入参数,向服务器发送求:
?
createXHR("http://www.apple.com.cn/hotnews/rss/hotnews.rss");
?
得到响应:
?
function getResponse(){
?? if(xmlHttp.readyState == 4){?????
??????? if(xmlHttp.status == 200){?
??????????? rssDoc = xmlHttp.responseXML;
??????????? readDoc(rssDoc);//调用readDoc()函数
??????? }else{
??????????? document.getElementById("rssTitle").innerHTML = "读取异常!";
??????????? //alert(xmlHttp.status);
??????? }
??? }
}
以上就是爱站技术频道小编为您介绍的Javascript Ajax异步读取RSS文档具体实现,希望可以帮助到对此感兴趣的您,让您可以全面了解学习的技巧。
原文链接:https://js.aizhan.com/develop/JavaScript/11741.html
如有疑问请与原作者联系
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- javascript面向对象入门基础详细介绍 2020-03-29
- JavaScript函数表达式详解及实例 2020-03-25
- 如何用javascript连接access数据库 2020-03-20
- js中去掉字串左右空格 2020-03-20
- Javascript中的经典技巧 2020-03-20
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash