用实现ajax读博客rss示例代码- AJAX技术

当前位置: 首页 > 图文教程 > 网络编程 > AJAX技术 > 用实现ajax读博客rss示例代码

AJAX技术: 一个简单的ASP+AJAX留言本源码下载; IE7下ajax之open Method New的说明; ASP+Ajax实现无刷新评论简单例子; AJAX的阻塞及跨域名解析; [js]一个获取页面ip的正则; AJAX乱码解决新方法; 也写一个Ajax.Request类附代码; AJAX简历系统附js文件; Ajax留言本源码提供下载了; 找到一款不错的基于AJAX留言板源码(PHP版、ASP版)提供下载了; Ajax 学习资源中外都有; 本人ajax留言板的源程序不错的应用js; xmlhttp 乱码比较完整的解决方法 (UTF8,GB2312 编码解码); AJAX集天气\IP\多国语言翻译MP3(可同步LRC歌词显示)\万年历查询通; AJAX缓存问题的两种解决方法(IE); AJAX 常用函数创建XMLHTTP对象，区别IE，Mozilla浏览器; Ajax的小贴士使用小结; 用ajax动态加载需要的js文件; XMLHTTP多浏览器兼容性写法; PJBLOG中用到的ajaxjs.几个简单的函数

No. « ‹ 4 5 6 7 › »

技术文章搜索

关键字

AJAX技术中的用实现ajax读博客rss示例代码

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-13 浏览: 56 ::

收藏到网摘: n/a

AjaxUI：滑动条 ajax中指定innerHTML时如何应用其中的SCRIPT的研究

点击运行可以看到效果:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>this is test</title>
<script type="text/javascript">
var xmlHttp;
function createXMLHttpRequest() { if (window.ActiveXObject) { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } else if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); }
}
function readRSS(url) { createXMLHttpRequest(); xmlHttp.onreadystatechange = handleStateChange; xmlHttp.open("GET", url, true); xmlHttp.send(null);
}
function handleStateChange() { if(xmlHttp.readyState == 4) { if(xmlHttp.status == 200) { ResultSet(); } }
}
function ResultSet() { var results = xmlHttp.responseXML; var title = null; var item = null; var link=null; //得到channel var ccc=results.getElementsByTagName("channel"); var headtitle=ccc[0].getElementsByTagName("title")[0].firstChild.nodeValue; var headlink=ccc[0].getElementsByTagName("link")[0].firstChild.nodeValue; var cell = document.createElement("div"); cell.innerHTML="<h1><a href="+headlink+" target=_blank>"+headtitle+"</a></h1>
"; document.getElementById("result").appendChild(cell); //得到items var items = results.getElementsByTagName("item"); for(var i = 0; i < items.length; i++) { item = items[i]; link=item.getElementsByTagName("link")[0].firstChild.nodeValue; title = item.getElementsByTagName("title")[0].firstChild.nodeValue; var cell = document.createElement("div"); cell.innerHTML="<a href="+link+" target=_blank>"+title+"</a>
"; document.getElementById("result").appendChild(cell); }
}
function readrss1()
{ var url=document.getElementById("txturl").value; if(url=="") { alert("请输入RSS地址"); } else { readRSS(url); } }
</script>
</head>
<body"> <h1>ajax读rss示例</h1> <form > <a href="javascript:readRSS('http://www.blogjava.net/rss.aspx')">blogjava原创区 </a>  <a href="javascript:readRSS('http://beginner.blogjava.net/rss.aspx')">blogjava新手区 </a>   <a href="javascript:readRSS('http://life.blogjava.net/rss.aspx')">blogjava非技术区 </a>   <a href="javascript:readRSS('http://general.blogjava.net/rss.aspx')">综合区 </a> 输入一个RSS地址:<input type="text" value="http://www.blogjava.net/wujun/rss.aspx" size=50 id="txturl"> <input type="button" value="查 看" onclick="readrss1()"> </form> <div id="result"></div>
</body>
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

AjaxUI：滑动条 ajax中指定innerHTML时如何应用其中的SCRIPT的研究

AJAX技术 中的 用实现ajax读博客rss示例代码

评论 (0) All

AJAX技术中的用实现ajax读博客rss示例代码