使用prototype.js進行異步操作

2024-09-06 12:43:30

字體：大中小

來源：轉載

供稿：網友

首先下載prototype.js這個類包,然后包含在你的<html>頁面中
<script src='prototype.js'></script>

創建XMLHttpRequest對象并且異步的跟蹤它的進程，然后解析出響應然后處理它可能這是ajax的根本意義,它最具威力的地方,但你能出兼容各種不同瀏覽器的代碼,可能會令你痛苦不堪,但幸好救苦救難的prototype.js提供Ajax.Request 類,讓你擺脫這些困擾.

假如你有一個應用程序可以通過url http://ajax.boogu.com/cm.html與服務器通信。它返回下面這樣的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(

上一篇：再次更新！MSClass (Class Of Marquee Scroll通用不間斷滾動JS封裝類 V

下一篇：js判斷瀏覽器的比較全的代碼