prototype试用

核心提示： 假如你有一个应用程序可以通过url http://yoursever/app/get_sales?empID=1234&year=1998与服务器通信，它返回下面这样的XML 响应，prototype试用(4)，程序代码<?xml version="1.0" en

假如你有一个应用程序可以通过url http://yoursever/app/get_sales?empID=1234&year=1998与服务器通信。它返回下面这样的XML 响应。

程序代码

<?xml version="1.0" encoding="utf-8" ?>
<ajax-response>
　　<response type="object" id="productDetails">
　　　　<monthly-sales>
　　　　　　<employee-sales>
　　　　　　　　<employee-id>1234</employee-id>
　　　　　　　　<year-month>1998-01</year-month>
　　　　　　　　<sales>$8,115.36</sales>
　　　　　　</employee-sales>
　　　　　　<employee-sales>
　　　　　　　　<employee-id>1234</employee-id>
　　　　　　　　<year-month>1998-02</year-month>
　　　　　　　　<sales>$11,147.51</sales>
　　　　　　</employee-sales>
　　　　</monthly-sales>
　　</response>
</ajax-response>

用 Ajax.Request对象和服务器通信并且得到这段XML是非常简单的。下面的例子演示了它是如何完成的。

程序代码

<script>
　　function searchSales()
　　{
　　　　var empID = $F('lstEmployees');
　　　　var y = $F('lstYears');
　　　　var url = 'http://yoursever/app/get_sales';
　　　　var pars = 'empID=' + empID + '&year=' + y;
　　　 var myAjax = new Ajax.Request(
　　　　　　　　　　url,
　　　　　　　　　　{method: 'get', parameters: pars, onComplete: showResponse}
　　　　　　　　　　);
　　}
　　function showResponse(originalRequest)
　　{
　　　　//put returned XML in the textarea
　　　　$('result').value = originalRequest.responseText;
　　}
</script>
<select id="lstEmployees" size="10" onchange="searchSales()">
　　<option value="5">Buchanan, Steven</option>
　　<option value="8">Callahan, Laura</option>
　　<option value="1">Davolio, Nancy</option>
</select>
<select id="lstYears" size="3" onchange="searchSales()">
　　<option selected="selected" value="1996">1996</option>
　　<option value="1997">1997</option>
　　<option value="1998">1998</option>
</select>
<br><textarea id=result cols=60 rows=10 ></textarea>