您的位置：首页 > Web前端 > JavaScript

使用prototype.js来开发AJAX

2007-01-06 16:00 555 查看

prototype.js是由Sam Stephenson写的一个javascript类库。这个构思奇妙,而且兼容标准的类库，能帮助你轻松建立有高度互动的web2.0特性的富客户端页面。
下面我们就使用prototype.js来重写前面使用AJAX读取RSS的例子，代码如下(其中第8行的AJAXProxy.asp就是AJAX代理)：

<html>
<head>
<title>ReadRSS</title>
<script src="common/prototype.js"></script>
<script>
function send_Request(url)
{
var request_url = 'AJAXProxy.asp';
var request_pars = 'RSS_URL=' + url;
var myAjax = new Ajax.Request(
request_url,
{
method:'get',
parameters:request_pars,
asynchronous:true, //true---异步;false---同步.默认为true
onComplete:processRequest
}
);
}

function processRequest(XML_Http_Request){
var results = XML_Http_Request.responseXML;
var title = null;
var item = null;
var link = null;
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><br>";
$("result").appendChild(cell);
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 = "<li><a href="+link+" target=_blank>"+title+"</a></li><br>";
$("result").appendChild(cell);
}
}

var myGlobalHandlers = {
onCreate:function (){
Element.show('systemWorking');
},
onComplete:function (){
if(Ajax.activeRequestCount == 0){
Element.hide('systemWorking');
}
}
};
Ajax.Responders.register(myGlobalHandlers);
</script>
</head>
<body onLoad="javascript:send_Request('http://esoft.bokee.com/rss2.xml');">
<div id='systemWorking'>Loading...</div>
<div id="result"></div>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航