Bài giảng Phát triển ứng dụng web: Chương Quản lý trang web bằng JavaScript (tiếp theo), cung cấp cho người đọc những kiến thức như: AJAX là gì; Web truyền thống; Hoạt động của web truyền thống; Hoạt động của Ajax web; Lấy đối tượng XML Http Request; .Mời các bạn cùng tham khảo! | Bài giảng PHÁT TRIỂN ỨNG DỤNG WEB Lê Đình Thanh Khoa Công nghệ Thông tin Trường Đại học Công nghệ ĐHQGHN E-mail thanhld@ Mobile 1 Chương 4 Quản lý trang web bằng JavaScript tiếp 2 Lê Đình Thanh Bài giảng Phát triển ứng dụng web. Nội dung AJAX JSON 3 Lê Đình Thanh Bài giảng Phát triển ứng dụng web. AJAX là gì AJAX 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 nghệ bao gồm Hiển thị dựa trên chuẩn sử dụng HTML và CSS Tương tác động sử dụng DOM Trao đổi và xử lý dữ liệu sử dụng XML text Thu nhận dữ liệu không đồng bộ sử dụng XMLHttpRequest Kết hợp các công nghệ sử dụng JavaScript 4 Lê Đình Thanh Bài giảng Phát triển ứng dụng web. Web truyền thống Ajax Web 5 Lê Đình Thanh Bài giảng Phát triển ứng dụng web. Web truyền thống Yêu cầu của người dùng được gửi trực tiếp từ browser đến Web server thông qua HTTP request Khi nhận được HTTP request Web server xử lý yêu cầu sinh ra trang HTML mới rồi gửi toàn bộ trang HTML chứa HTML và CSS mới đến browser. Browser xóa trang cũ và hiển thị trang mới. Từ khi gửi yêu cầu đi người dùng không được làm thêm bất kỳ thao tác gì cho đến khi trang HTML mới được gửi đến client mỗi yêu cầu phải được giải quyết dứt điểm trước khi có yêu cầu tiếp theo đồng bộ. 6 Lê Đình Thanh Bài giảng Phát triển ứng dụng web. Hoạt động của web truyền thống Web client Web Server Yêu cầu 1 Xử lý Đáp ứng 1 Sử dụng Yêu cầu 2 Xử lý Đáp ứng 2 Sử dụng Yêu cầu 3 Xử lý Đáp ứng 3 Sử dụng 7 Lê Đình Thanh Bài giảng Phát triển ứng dụng web. Web truyền thống Hạn chế Khi người dùng thao tác thì server nghỉ và ngược lại Lãng phí thời gian hiệu quả sử dụng thấp Người dùng phải vừa làm vừa đợi gửi yêu cầu đợi nhận kết quả gửi yêu cầu đợi Người dùng phải đợi lâu nếu yêu cầu xử lý lớn và server mất nhiều thời gian xử lý Hiển thị không liên tục nhấp nháy gây khó chịu HCI . Toàn bộ trang HTML mới được gửi từ server đến
