KỸ THUẬT LẬP TRÌNH AJAX

AJAX là một trong những từ ngữ thời thượng bậcnhất hiện nay trong giới công nghệ thông tin và là bíquyết kĩ thuật đứng đằng sau các ứng dụng lớnthuộc Google: Flickr, GMail, Google Suggest, GoogleMaps.
Nội dung trích xuất từ tài liệu:
KỸ THUẬT LẬP TRÌNH AJAXKỸTHUẬTLẬPTRÌNHAJAX GiỚITHIỆUAJAX AJAXLÀGÌ? LẬPTRÌNHAJAX. CÁCỨNGDỤNGSỬDỤNGAJAX DEMO KẾTLUẬN LẬP TRÌNH AJAX 1LẬP TRÌNH AJAX 2LẬP TRÌNH AJAX 3•Cờ Ca-rô (Gomoku) ứng dụng AJAXhttp://myjavaserver.com/~quangvhg/GomokuBoard.jsp?lang=vi LẬP TRÌNH AJAX 4GiỚITHIỆUAJAX là một trong những từ ngữ thời thượng bậc nhất hiện nay trong giới công nghệ thông tin và là bí quyết kĩ thuật đứng đằng sau các ứng dụng lớn thuộc Google: Flickr, GMail, Google Suggest, Google Maps.Ajax đang tạo nên cuộc cách mạng trong thế giới web. LẬP TRÌNH AJAX 5 CÔNG NGHỆ WEB 2.0Công nghệ Web 2.0 và AJAX (Asynchronous JavaScript Technology and XML) ngày càngthu hút được sự quan tâm của giới doanh nghiệp trên khắp thế giới.Một trong những lý do chính khiến sự phổ biến của AJAX ngày càng tăng là ngôn ngữkích bản dùng trong JavaScript của nó. Ngôn ngữ này cho phép tạo các form động chohoạt động kiểm tra lỗi tích hợp sẵn, tạo các vùng tính toán trên trang Web, tương tácvới người dùng thông qua cảnh báo và kiểm chứng thông tin, có thể thay đổi thườngxuyên chương trình nền và màu sắc văn bản hay “các nút”, đọc URL history và đưa rahành động dựa trên danh sách đó, mở và điều khiển các cửa sổ, cung cấp văn bản hoặccác phần trong văn bản khác nhau theo yêu cầu người dùng.AJAX không phải là một công nghệ. Nói chính xác hơn, nó là một tập hợp các côngnghệ, trong đó mỗi công nghệ cung cấp một hệ thống cơ sở nền tảng cho thiết kế vàphát triển ứng dụng Web: LẬP TRÌNH AJAX 6XHTML hay HTML và Cascading Style Sheets (CSS) cung cấp các tiêu chuẩn thể hiện nội dung trang Web với người dùng.Document Object Model (DOM) cung cấp cấu trúc cho phép hiển thị động nội dung và các tương tác liên quan. DOM mở ra nhiều cách thức mạnh cho người dùng khi muốn truy cập và thao tác với đối tượng nằm trong một văn bản bất kỳ. LẬP TRÌNH AJAX 7XML và XSLT cung cấp kiểu định dạng cho dữ liệu, để dữ liệu có thể được thao tác, truyền tải hoặc trao đổi giữa máy chủ (server) và máy khách (client).XML HTTP Request: Điểm bất cập lớn nhất trong xây dựng ứng dụng Web là mỗi lần một webpage được tải về trình duyệt của người dùng, kết nối server liên quan sẽ bị cắt. Hơn nữa, đường dẫn bên trong trang còn đòi hỏi phải thiết lập một kết nối khác với server và tải về toàn bộ trang cho dù người dùng chỉ muốn mở rộng một đường link đơn giản. XML HTTP Request cho phép truy vấn dữ liệu không đồng bộ và đảm bảo các trang web không bị load trở lại khi thay đổi trong yêu cầu người dùng ở mức nhỏ nhất. LẬP TRÌNH AJAX 8JavaScript (JS): là ngôn ngữ kịch bản hợp nhất các đối tượng để hoạt động với nhau một cách hiệu quả, do đó giữ vai trò đáng kể trong ứng dụng web. Khởi đầu một phiên hoạt động, thay vì tải về trang Web yêu cầu, cơ chế AJAX viết trong JS sẽ được load. Hoạt động giống như “người trung gian”, cơ chế này nằm giữa người dùng và Web Server. Nó cũng đóng vai trò như một giao diện gợi nhớ và như một phương tiện truyền thông cho trình duyệt trên máy khách và máy chủ. LẬP TRÌNH AJAX 9Trước đây, nếu muốn đọc e-mail bạn phải trải qua một loạt cú kích chuột và gửi, truy vấn một loạt các khung tạo nên giao diện hiển thị nhiều e-mail người dùng khác nhau. Điều này thực sự làm giảm đáng kể tốc độ truy cập và sử dụng ứng dụng Web. Với truyền tải không đồng bộ, ứng dụng AJAX hoàn toàn loại bỏ được thao tác “chạy-dừng-dừng-chạy” rất khó chịu vốn tồn tại tự nhiên trong tương tác trên Web. Yêu cầu gửi tới server bây giờ hoàn toàn rõ ràng và dễ hiểu với người dùng. LẬP TRÌNH AJAX 10LẬP TRÌNH AJAX 11 Bây giờ hãy thử một ứng dụng đơn giản sử dụng AJAX: Mobile Phone Catalog tại liên kết này:Đây là một danh sách các model điên thoai di đông, ̣ ̣ ̣tính năng của chúng xếp theo tên hãng chế tạo. LẬP TRÌNH AJAX 12Khi bạn đánh dấu hộp kiểm chọn các nhãn hiệu, lập tứcdanh sách điện thoại của các các hãng xuất hiện ngay ởbảng phía dưới mà không cần tải lại cả trang Web.So với cách thông thường, khi người dùng có một cầnthay đổi dữ liệu trên trang Web, yêu cầu thay đổi đượcgửi về server dưới dạng HTTP request (hay còn gọipostback), server sẽ xử lý yêu cầu này và gửi trả lạitrang HTML khác thay thế trang cũ. Qui trình này đượcmô tả là nhấp-chờ và tải lại (click-wait-and-refresh): vídụ người dùng sau khi nhấn một nút “Submit” trên trangweb phải chờ cho đến khi server xử lý xong mới có thểtiếp tục công việc. Ngược lại, trong ví dụ trên bạn cóthể nhấn liên tục vài hộp kiểm để chọn/bỏ chọn cácnhãn hiệu mà không cần ...