AJAX做简单的RSS聚合页面
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>IamV-RSS订阅</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 startRequest(url)
{
createXMLHttpRequest();
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}
function handleStateChange()
{
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
var doc=xmlHttp.responseXML.documentElement;
document.getElementById('ppiicc').removeNode(true);
for(i=1;i<doc.getElementsByTagName("item").length+1;i++)
{
var blogName=doc.getElementsByTagName("title")[0].firstChild.data;
var entryName=doc.getElementsByTagName("title")[i].firstChild.data;
var entryLink=doc.getElementsByTagName("link")[i].firstChild.data;
document.getElementById('IamV').innerHTML += '<li><a
href="'+entryLink+'" title="'+blogName+'" target="_blank">'+entryName+'</a></li>';
}
}
}
}
</script>
</head>
<body onLoad="startRequest('http://www.cnblogs.com/iamv/category/115593.html/rss');">
<div>
<div id="menu" style="width:300px; border-left-color: white; border-bottom-color: white;
border-top-style:ridge;border-top-color: white; border-right-style: ridge; border-left-style: ridge;
border-right-color: white;border-bottom-style: ridge;">
IamV<br />
<ul id="IamV">Blog</ul>
<img id="ppiicc" src="loading1.gif" />
</div>
</div>
</body>
</html>
