Callback trong JQuery

Javascript sẽ thực hiện từng dòng từ trên đi xuống. Nhưng với hàm callback, nó được hiện thực khi hiệu ứng thực hiện xong 100%. (A callback function is executed after the current animation is 100% finished.)
Ví dụ:

function GetData() {     
        var mydata = "Ngoai ham call back";   
        $.ajax({
            type: "POST",
            url: '/Home/GetBookList',
            success: function (data) {
                AddData(data);              
                mydata = " trong ham callback";
            },
            error: function (jqXHR, textStatus, errorThrown) {
                alert(jqXHR.responseText);
            }
        });
        alert(mydata);             
    }

    function AddData(mydata) {
        //--Xử lý dữ liệu
    }

Kết quả: Xuất hiện thông báo: Ngoài hàm call back
Hàm success sẽ được gọi sau khi thực hiện xong câu lệnh alert(mydata). Lưu ý: Khi debug, bạn sẽ thấy nó chạy từ trên đi xuống và câu lệnh alert được thực hiện sau cùng vì nó đã lấy xong dữ liệu trên server và gọi ngay hàm callback. Còn khi run thực sự, phải đợi server phản hồi lại, nên câu lệnh alert sẽ thực hiện trước.