在這一部分我們寫了一個(gè)小小的AJAX應(yīng)用，它能夠rate一些東西（譯Keel注：就是對(duì)某些東西投票），就像在youtube.com上面看到的一樣。

首先我們需要一些服務(wù)器端代碼，這個(gè)例子中用到了一個(gè)php文件，讀取rating參數(shù)然后返回rating總數(shù)和平均數(shù)。看一下rate.php代碼.

雖然這些例子也可以不使用AJAX來(lái)實(shí)現(xiàn)，但顯示我們不會(huì)那么做，我們用jQuery生成一個(gè)DIV容器，ID是"rating".

$(document).ready(function() {
    // generate markup
    var ratingMarkup = ["Please rate: "];
    for(var i=1; i <= 5; i++) {
        ratingMarkup[ratingMarkup.length] = "<a href='#'>" + i + "</a> ";
    }
    // add markup to container and applier click handlers to anchors
    $("#rating").append( ratingMarkup.join('') ).find("a").click(function(e) {
        e.preventDefault();
        // send requests
        $.post("rate.php", {rating: $(this).html()}, function(xml) {
            // format result
            var result = [
                "Thanks for rating, current average: ",
                $("average", xml).text(),
                ", number of votes: ",
                $("count", xml).text()
            ];
            // output result
            $("#rating").html(result.join(''));
        } );
    });
});

it知識(shí)庫(kù)：jQuery中文入門指南(三) - Rate me:使用AJAX，轉(zhuǎn)載需保留來(lái)源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。