JavaScript
发布时间:2022-04-16 发布网站:大佬教程 code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Javascript Ajax异步读取RSS文档具体实现,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
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.XML
httprequest)
{ xml
http = new XML
httprequest(
); }else
{ xml
http = new ActiveXOb
ject("Microsoft.XML
http"
); }
xml
http.open("post",url,"
false"
); xml
http.onreadystatechange = getResponse; xml
http.set
requestHeader("Content-type","application/x-www-form-urlencoded"
); xml
http.send(
null); }
通过DOM操作对Rss文档进行遍历,得到需要的值:
function readDoc(do
C){ root = doc.getElementsByTagName("ch
Annel")
[0];
doc
title = root.getElementsByTagName("
title")
[0];
docLink = root.getElementsByTagName("link")
[0];
docDescription = root.getElementsByTagName("description")
[0];
items = root.getElementsByTagName("item"
); for(var i
=0;i<item
s.length;i++)
{ item
title = items[i].getElementsByTagName("
title")
[0];
itemLink = items[i].getElementsByTagName("link")
[0];
itemDescription = items[i].getElementsByTagName("description")
[0];
//itemPubDate = items[i].getElementsByTagName("pubDate")
[0];
document.getElementById("rss
title").innerHTML = doc
title.firstChild.nodeValue;
temp = "</h1><h2><a href=""+itemLink.firstChild.nodeValue+"" target="_blank">"+item
title.firstChild.nodeValue+"</a></h2>"+"<p>"+itemDescription.firstChild.nodeValue+"</p><hr/>";
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.co
m.cn/hotnews/rss/hotnew
s.rss"
);
得到响应:
function getResponse()
{ if(xml
http.readyState == 4)
{ if(xml
http.status == 200)
{ rssDoc = xml
http.responseXML;
readDoc(rssDoc
);//调用readDoc()函数
}else
{ document.getElementById("rss
title").innerHTML = "读取异常!";
//alert(xml
http.status
); }
}
}
大佬总结
以上是大佬教程为你收集整理的Javascript Ajax异步读取RSS文档具体实现全部内容,希望文章能够帮你解决Javascript Ajax异步读取RSS文档具体实现所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。