Thứ Bảy, 7 tháng 2, 2009

Sử sụng Ajax request (Start, Stop, Send, Success) trong Jquery

.ajaxSend()
Attach một chức năng được thực hiện trước khi Ajax yêu cầu được Send.

ajaxSend(handler(event, XMLHttpRequest, ajaxOptions))

Ví dụ:
Hiển thị tin nhắn trước khi một yêu cầu Ajax được gửi.

$("#msg").ajaxSend(function(evt, request, settings){
        $(this).append("
  • Starting request at " + settings.url + "
  • ");
    });

    .ajaxStart()
    Đăng ký một handler được gọi khi Ajax yêu cầu Start

    .ajaxStart( handler() )

    Ví dụ:
    Hiển thị tin nhắn loading bất cứ khi nào một Ajax bắt đầu yêu cầu (và không ai đang được active).

    $("#loading").ajaxStart(function(){
           $(this).show();
    });

    .ajaxStop()
    Đăng ký một handler được gọi khi Ajax yêu cầu hoàn thành

    .ajaxStop( handler() )

    Ví dụ:
    Ẩn tin loading message sau khi tất cả các yêu cầu Ajax đã dừng lại.

    $("#loading").ajaxStop(function(){
           $(this).hide();
    });

    .ajaxSuccess()
    Attach một chức năng để thực thi bất cứ khi nào một Ajax yêu cầu hoàn thành công

    .ajaxSuccess(handler(event, XMLHttpRequest, ajaxOptions))

    Ví dụ:
    Hiển thị tin nhắn khi một yêu cầu Ajax hoàn tất thành công.

    $("#msg").ajaxSuccess(function(evt, request, settings){
          $(this).append("
  • Successful Request!
  • ");
    });

    DangTrung.

    Không có nhận xét nào:

    Đăng nhận xét