Prototype 有三个对象用于 Ajax 功能 ： Ajax.Request，Ajax.Updater 和 Ajax.PeriodicalUpdater.
Ajax.Request 的用法：
创建一个 xml 文件用于获取数据：
<?xml version="1.0" encoding="utf-8" ?>
<parameters>
<param id="1">data1</param>
<param id="2">data2</param>
<param id="3">data3</param>
<param id="4">data4</param>
</parameters>
保存名为：data.xml
在页面中：
function getData()
{
var url = "data.xml"; //请求的路径
var parseResponse = function(xhrResponse) //参数 xhrResponse是由服务器传回来的数据
{
// 对数据进行操作
var response = xhrResponse.responseXML; //得到传来的数据的结构体
var paraList = response.getElementsByTagName('param'); //得到标签为 param 的数据
var out = "<ul>";
//循环将数据给添加到 <li> 标签中
for(var i = 0 , il = paraList.length; i < il;)
{
out += "<li>" + paramList[i++].firstChild.nodeValue + "</li>";
}
out += "</ul>";
// list 是一个 div 层
$('list').innerHTML = out;
}
var myAjax = Ajax.Request(
url, //发送请求的路径
{
//一系列的参数
method:'get', //此处为以 get 的方式请求数据
onSuccess:parseResponse, //如果请求成功，则执行该函数
onFailure:function(xhrResponse) //失败则提示
{
alert(xhrResponse.statusText);
}
}
)
}
//以上代码假设已经引入了 prototype.js 类库