Ajax cho các nhà phát triển Java: Xây dựng các ứng dụng Java động Ajax mở đường cho các ứng dụng Web tốt hơn

Philip McCarthy, Nhà Phát triển, SmartStream Technologies Ltd Tóm tắt: Chu trình nạp lại-trang trình bày một trong những trở ngại của tiện ích lớn nhất trong việc phát triển ứng dụng Web và là một thách thức quan trọng cho các nhà phát triển Java™. Trong loạt bài này, tác giả Philip McCarthy giới thiệu một cách tiếp cận có tính đột phá để tạo ra những trải nghiệm ứng dụng Web động. Ajax (Asynchronous JavaScript và XML) là một kỹ thuật lập trình cho phép bạn kết hợp các công nghệ Java, XML và JavaScript cho các ứng...
Nội dung trích xuất từ tài liệu:
Ajax cho các nhà phát triển Java: Xây dựng các ứng dụng Java động Ajax mở đường cho các ứng dụng Web tốt hơn Ajax cho các nhà phát triển Java: Xây dựng các ứng dụng Java độngAjax mở đường cho các ứng dụng Web tốt hơnPhilip McCarthy, Nhà Phát triển, SmartStream Technologies LtdTóm tắt: Chu trình nạp lại-trang trình bày một trong những trở ngại của tiện íchlớn nhất trong việc phát triển ứng dụng Web và là một thách thức quan trọng chocác nhà phát triển Java™. Trong loạt bài này, tác giả Philip McCarthy giới thiệumột cách tiếp cận có tính đột phá để tạo ra những trải nghiệm ứng dụ ng Webđộng. Ajax (Asynchronous JavaScript và XML) là một kỹ thuật lập trình cho phépbạn kết hợp các công nghệ Java, XML và JavaScript cho các ứng dụng Web dựatrên Java để ngắt mô hình nạp lại-trang.Ajax hoặc JavaScript và XML không đồng bộ, là một cách tiếp cận để phát triểnứng dụng Web có sử dụng tạo kịch bản lệnh phía-khách để trao đổi dữ liệu vớimáy chủ Web. Kết quả là, các trang Web được cập nhật động mà không phải làmmới toàn bộ trang khi ngắt luồng tương tác. Với Ajax, bạn có thể tạo các giao diệnngười dùng ứng dụng Web động hơn, phong phú hơn để tiếp cận trực tiếp và khảnăng sử dụng các ứng dụng máy tính bản địa.Ajax không là một công nghệ, nó còn hơn một mẫu -- một cách để nhận biết vàmô tả một kỹ thuật thiết kế có lợi. Về ý nghĩa nào đó Ajax là mới nên nhiều nhàphát triển chỉ đang bắt đầu nhận biết về nó, nhưng tất cả các thành phần triển khaithực hiện một ứng dụng Ajax đã tồn tại trong nhiều năm. Các tin đồn hiện nay làdo sự nổi lên trong năm 2004 và 2005 của các giao diện người dùng (UI) độngquan trọng dựa vào công nghệ Ajax, đáng chú ý nhất là các ứng dụng GMail vàMaps của Google và trang chia sẻ hình ảnh Flickr. Các UI này đã có đủ tính độtphá được một số nhà phát triển gọi là Web 2.0, khiến người ta quan tâm nhiềuđến ứng dụng Ajax.Trong loạt bài này, tôi sẽ cung cấp cho bạn tất cả các công cụ mà bạn cần để bắtđầu phát triển các ứng dụng riêng của bạn khi sử dụng Ajax. Trong bài viết đầutiên này, tôi sẽ giải thích các khái niệm đằng sau Ajax và trình diễn các bước cơbản để tạo ra một giao diện Ajax cho ứng dụng Web dựa trên Java. Tôi sẽ sử dụngcác ví dụ mã để biểu thị cả mã Java phía máy chủ lẫn mã JavaScript phía máykhách để tạo ra các ứng dụng Ajax động. Cuối cùng, tôi sẽ chỉ ra một số khó khăncủa cách tiếp cận Ajax, cũng như các khả năng sử dụng rộng hơn và về khả năngtiếp cận mà bạn cần cân nhắc khi tạo các ứng dụng Ajax.Một giỏ mua hàng tốt hơnBạn có thể sử dụng Ajax để nâng cao các ứng dụng Web truyền thống, sắp xếphợp lý hóa tương tác bằng cách loại bỏ việc nạp trang. Để giải thích điều này, tôisẽ sử dụng các ví dụ đơn giản về một giỏ mua hàng được tự động cập nhật khi cácmục hàng được thêm vào giỏ. Được tích hợp trong cửa hàng trực tuyến, cách tiếpcận này sẽ cho phép những người dùng tiếp tục duyệt và thêm các mục hàng vàogiỏ hàng của họ mà không cần phải chờ sau mỗi lần nhấp chuột để cập nhật mộttrang đầy đủ. Trong khi một số mã trong bài viết này dành riêng cho ví dụ giỏhàng, các kỹ thuật được minh họa có thể được áp dụng cho bất kỳ ứng dụng Ajaxnào. Liệt kê 1 cho thấy mã HTML được ví dụ giỏ mua hàng này sử dụng. Tôi sẽquay lại mã HTML này trong suốt bài viết.Liệt kê 1. Các đoạn mã có liên quan của ví dụ giỏ mua hàngName Description Price ... Hat Stylish bowler hat $19.99 Add to Cart ... Total cost: $0.00Chu trình vòng tròn (roundtrip) của AjaxMột tương tác Ajax bắt đầu bằng một đối tượng JavaScript tên làXMLHttpRequest (Yêu cầu XMLHttp). Như tên cho thấy, nó cho phép một kịchbản lệnh phía máy khách thực hiện các yêu cầu HTTP và nó sẽ phân tích cú phápcâu trả lời của máy chủ XML. Bước đầu tiên trong chu trình vòng tròn Ajax là tạomột cá thể XMLHttpRequest. Phương thức HTTP để sử dụng cho các yêu cầu(GET hoặc POST) và URL đích sau đó được đặt trên đối tượng XMLHttpRequest.Bây giờ, bạn có nhớ tại sao chữ a đầu tiên trong Ajax là chữ viết tắt của khôngđồng bộ (asynchronous) không? Khi bạn gửi yêu cầu HTTP đó, bạn không muốntrình duyệt bị treo khi chờ máy chủ trả lời. Thay vào đó, bạn muốn nó tiếp tụcphản ứng lại với sự tương tác của người dùng với trang đó và xử lý trả lời đến từmáy chủ. Để thực hiện việc này, bạn có thể đăng ký một hàm gọi lại vớiXMLHttpRequest rồi gửi đi XMLHttpRequest không đồng bộ. Rồi kiểm soát cáctrả về tới trình duyệt, trừ ra hàm gọi lại sẽ được gọi khi trả lời của máy chủ đến.Trên máy chủ Web Java, yêu cầu đến giống như bất kỳ HttpServletRequest khácnào. Sau khi phân tích cú pháp các tham số yêu cầu, servlet gọi logic ứng dụng cầnthiết, tuần tự hóa trả lời của nó thành XML và ghi nó vào HttpServletResponse.Quay lại phía máy khách, hàm gọi lại được đăng ký trên XMLHttpRequest bâygiờ được gọi để xử lý tài liệu XML do máy chủ trả về. Cuối cùng, giao diện ngườidùng được cập nhật đáp lại dữ liệu từ máy chủ, khi s ...