1
Lê Đình Thanh
Bộ môn Các Hệ thống Thông tin
Chuyên đề
LẬP TRÌNH ỨNG DỤNG WEB
2
Xử lý trang web nâng cao với
AJAX
Bài 5
3
Nội dung
•
AJAX là gì?
•
Hoạt động của ứng dụng web với Ajax
•
So sánh web truyền thống với Ajax web
•
Các trình duyệt hỗ trợ Ajax
•
Sử dụng Ajax với gửi/nhận text
•
Sử dụng Ajax với gửi/nhận xml
Lê Đình Thanh, Xử lý trang web nâng cao với AJAX
4
AJAX là gì?
•
AJAX (viết tắt của Asynchronous Javascripts and XML)
là một kỹ thuật kết hợp một số công nghệ web để xây
dựng các ứng dụng web mà tương tác giữa người dùng
với ứng dụng được thực hiện không đồng bộ. Các công

trang 2
Hiển thị
trang 3
Lê Đình Thanh, Xử lý trang web nâng cao với AJAX
7
Hoạt động của Ajax web
:Web Browser :Web Server
Tạo trang
Xử lý
Xử lý
Hiển thị
trang
Sửa đổi
trang
Sửa đổi
trang
:Ajax engine
Yêu cầu 1
Trang
Yêu cầu 2
Yêu cầu 2
Data 1
Data 1
Yêu cầu 3
Yêu cầu 3
Data 2
Data 2
Lê Đình Thanh, Xử lý trang web nâng cao với AJAX
8
Web truyền thống

Toàn bộ trang HTML mới được gửi từ server đến client
–
Không cần thiết vì có thể nhiều chi tiết trên trang mới vẫn như trang
cũ
–
Lượng thông tin trao đổi giữa client-server lớn ⇒ chi phí truyền
thông (thời gian, băng thôn) lớn.
Lê Đình Thanh, Xử lý trang web nâng cao với AJAX
11
Ajax Web
•
Ajax engine được cài trên client, làm nhiệm vụ giao tiếp trung
gian giữa browser với web server
–
Browser gửi yêu cầu đến Ajax engine bằng lời gọi Javascript.
–
Ajax engine chuyển yêu cầu của Client thành HTTP request và gửi
cho web server
–
Web server xử lý yêu cầu rồi gửi kết quả cho Ajax engine ở dạng
XML
–
Ajax engine biên dịch XML thành HTML và gửi HTML cho browser
•
Một yêu cầu của người dùng chưa cần được giải quyết xong
thì người dùng đã có thể đưa ra yêu cầu khác = Trao đổi giữa
Browser với Ajax engine và giữa Ajax engine với Server để
thực hiện các yêu cầu diễn ra không đồng bộ.
Lê Đình Thanh, Xử lý trang web nâng cao với AJAX