JavascriptAjax异步读取RSS文档具体实现_javascript技巧
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JavascriptAjax异步读取RSS文档具体实现_javascript技巧,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2708字,纯文字阅读大概需要4分钟。
内容图文
![JavascriptAjax异步读取RSS文档具体实现_javascript技巧](/upload/InfoBanner/zyjiaocheng/319/0633a78c61574f0eaecea95b1e4b6d5b.jpg)
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<items.length;i++){
itemTitle = 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("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);
}
}
}
内容总结
以上是互联网集市为您收集整理的JavascriptAjax异步读取RSS文档具体实现_javascript技巧全部内容,希望文章能够帮你解决JavascriptAjax异步读取RSS文档具体实现_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。