Ajax.Request()

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 类库