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

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 dụng Web dựa

trê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ới

máy chủ Web. Kết quả là, các trang Web được cập nhật động mà không phải làm

mớ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ện

ngườ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 khai

thự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) động

quan 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 đột

phá đượ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 đầu

tiê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ụng

các ví dụ mã để biểu thị cả mã Java phía máy chủ lẫn mã JavaScript phía máy

khá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ăn

củ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ăng

tiế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ơn

Bạn có thể sử dụng Ajax để nâng cao các ứng dụng Web truyền thống, sắp xếp

hợ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ôi

sẽ 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ác

mụ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ếp

cậ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ào

giỏ 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ột

trang đầ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 Ajax

nà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àng

<!-- Table of products from store's catalog, one row per item -->

<th>Name</th> <th>Description</th> <th>Price</th> <th></th>

...

<tr>

<!-- Item details -->

<td>Hat</td> <td>Stylish bowler hat</td> <td>$19.99</td>

<td>

<!-- Click button to add item to cart via Ajax request -->

<button onclick="addToCart('hat001')">Add to Cart</button>

</td>

</tr>

...