ajax读rss示例
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3<html xmlns="http://www.w3.org/1999/xhtml">
4<head>
5<title>this is test</title>
6
7<script type="text/javascript">
8var xmlHttp;
9
10
function createXMLHttpRequest() {
11
if (window.ActiveXObject) {
12
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
13
}
14 else if (window.XMLHttpRequest) {
15 xmlHttp = new XMLHttpRequest();
16 }
17
}
18
19function readRSS(url) {
20 createXMLHttpRequest();
21 xmlHttp.onreadystatechange = handleStateChange;
22 xmlHttp.open("GET", url, true);
23 xmlHttp.send(null);
24
25
26}
27
28function handleStateChange() {
29 if(xmlHttp.readyState == 4) {
30 if(xmlHttp.status == 200) {
31 ResultSet();
32 }
33 }
34}
35
36function ResultSet() {
37 var results = xmlHttp.responseXML;
38 var title = null;
39 var item = null;
40 var link=null;
41 //得到channel
42 var ccc=results.getElementsByTagName("channel");
43 var headtitle=ccc[0].getElementsByTagName("title")[0].firstChild.nodeValue;
44 var headlink=ccc[0].getElementsByTagName("link")[0].firstChild.nodeValue;
45 var cell = document.createElement("div");
46 cell.innerHTML="<h1><a href="+headlink+" target=_blank>"+headtitle+"</a></h1><br>";
47 document.getElementById("result").appendChild(cell);
48 //得到items
49 var items = results.getElementsByTagName("item");
50 for(var i = 0; i < items.length; i++) {
51 item = items[i];
52 link=item.getElementsByTagName("link")[0].firstChild.nodeValue;
53 title = item.getElementsByTagName("title")[0].firstChild.nodeValue;
54 var cell = document.createElement("div");
55 cell.innerHTML="<a href="+link+" target=_blank>"+title+"</a><br>";
56 document.getElementById("result").appendChild(cell);
57 }
58
59}
60function readrss1()
61{
62 var url=document.getElementById("txturl").value;
63 if(url=="")
64 {
65 alert("请输入RSS地址");
66 }
67 else
68 {
69 readRSS(url);
70 }
71 }
72
73</script>
74</head>
75
76<body">
77 <h1>ajax读rss示例</h1>
78 <form >
79
80 <a href="javascript:readRSS('http://www.blogjava.net/rss.aspx')">blogjava原创区 </a> 
81 <a href="javascript:readRSS('http://beginner.blogjava.net/rss.aspx')">blogjava新手区 </a>  
82 <a href="javascript:readRSS('http://life.blogjava.net/rss.aspx')">blogjava非技术区 </a>  
83 <a href="javascript:readRSS('http://general.blogjava.net/rss.aspx')">综合区 </a>
84 <br>
85 输入一个RSS地址:<input type="text" value="http://www.blogjava.net/wujun/rss.aspx" size=50 id="txturl">
86 <input type="button" value="查 看" onclick="readrss1()">
87
88 </form>
89 <div id="result"></div>
90</body>
91</html>
92
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"2
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">3
<html xmlns="http://www.w3.org/1999/xhtml">4
<head>5
<title>this is test</title>6
7
<script type="text/javascript">8
var xmlHttp;9
10
function createXMLHttpRequest() {
11
if (window.ActiveXObject) {
12
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");13
} 14
else if (window.XMLHttpRequest) {15
xmlHttp = new XMLHttpRequest();16
}17
}18
19
function readRSS(url) {20
createXMLHttpRequest();21
xmlHttp.onreadystatechange = handleStateChange;22
xmlHttp.open("GET", url, true);23
xmlHttp.send(null);24
25
26
}27
28
function handleStateChange() {29
if(xmlHttp.readyState == 4) {30
if(xmlHttp.status == 200) {31
ResultSet();32
}33
}34
}35
36
function ResultSet() {37
var results = xmlHttp.responseXML;38
var title = null;39
var item = null;40
var link=null;41
//得到channel42
var ccc=results.getElementsByTagName("channel");43
var headtitle=ccc[0].getElementsByTagName("title")[0].firstChild.nodeValue;44
var headlink=ccc[0].getElementsByTagName("link")[0].firstChild.nodeValue;45
var cell = document.createElement("div");46
cell.innerHTML="<h1><a href="+headlink+" target=_blank>"+headtitle+"</a></h1><br>";47
document.getElementById("result").appendChild(cell);48
//得到items49
var items = results.getElementsByTagName("item");50
for(var i = 0; i < items.length; i++) {51
item = items[i];52
link=item.getElementsByTagName("link")[0].firstChild.nodeValue;53
title = item.getElementsByTagName("title")[0].firstChild.nodeValue;54
var cell = document.createElement("div");55
cell.innerHTML="<a href="+link+" target=_blank>"+title+"</a><br>";56
document.getElementById("result").appendChild(cell);57
}58
59
}60
function readrss1()61
{62
var url=document.getElementById("txturl").value;63
if(url=="")64
{65
alert("请输入RSS地址");66
}67
else68
{69
readRSS(url);70
}71
}72
73
</script>74
</head>75
76
<body">77
<h1>ajax读rss示例</h1>78
<form >79
80
<a href="javascript:readRSS('http://www.blogjava.net/rss.aspx')">blogjava原创区 </a>  81
<a href="javascript:readRSS('http://beginner.blogjava.net/rss.aspx')">blogjava新手区 </a>   82
<a href="javascript:readRSS('http://life.blogjava.net/rss.aspx')">blogjava非技术区 </a>   83
<a href="javascript:readRSS('http://general.blogjava.net/rss.aspx')">综合区 </a>84
<br>85
输入一个RSS地址:<input type="text" value="http://www.blogjava.net/wujun/rss.aspx" size=50 id="txturl">86
<input type="button" value="查 看" onclick="readrss1()">87
88
</form>89
<div id="result"></div>90
</body>91
</html>92
