<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AjaxDemo</title>
<script type="text/javascript" src="ajax.js"></script>
<script type="text/javascript" src="addEvent.js"></script>
<script type="text/javascript">
//返回xml
addEvent(window,"load",function(){
ajax({
//发送的url
url:"rss.xml",
//返回的为xml
data:"xml",
//执行成功所执行的函数,rss为返回的数据
onSuccess:function(rss){
var feed = document.getElementById("feed");
var titles = rss.getElementsByTagName("title");
for(var i=0;i<titles.length;i++){
var li = document.createElement("li");
li.innerHTML = titles[i].firstChild.nodeValue;
feed.appendChild(li);
}
}
});
});
//返回html
addEvent(window,"load",function(){
ajax({
url:"scores.html",
data:"html",
onSuccess:function(html){
var scores = document.getElementById("scores");
scores.innerHTML = html;
}
});
});
//远程执行javascript
addEvent(window,"load",function(){
ajax({
url:"myscript.js",
data:"script"
});
});
</script>
</head>
<body>
<h1>Dynami RSS Feed widget</h1>
<p>Check out my RSS feed</p>
<!--这里将插入RSS feed-->
<ol id="feed"></ol>
<div id="scores"></div>
</body>
</html>
由于各种原因,我们无法获知[ajax库的运用]原创作者,如侵犯了您的版权,请您及时联系我们!