AJAX - sự kết hợp kỳ diệu của công nghệ web

AJAX - sự kết hợp kỳ diệu của công nghệ webĐề tài kỹ thuật vốn luôn khô khan và không mấy thú vị, nhưng những câu chuyện về quá trình phát triển của AJAX trong không gian ứng dụng Internet đa phương tiện đã tạo nên sức hút khó tin xuyên suốt năm 2005. Thế hệ Web 2.0 chỉ vừa bắt đầu và sẽ phải trải qua cả một chặng đường dài phía trước để có thể thay đổi những gì vốn đã trở nên quen thuộc với mọi người hiện nay. Đóng vai trò then chốt trong giai đoạn...
Nội dung trích xuất từ tài liệu:
AJAX - sự kết hợp kỳ diệu của công nghệ web AJAX - sự kết hợp kỳ diệu của công nghệ webĐề tài kỹ thuật vốn luôn khô khan và không mấy thú vị, nhưng nhữngcâu chuyện về quá trình phát triển của AJAX trong không gian ứngdụng Internet đa phương tiện đã tạo nên sức hút khó tin xuyên suốtnăm 2005.Thế hệ Web 2.0 chỉ vừa bắt đầu và sẽ phải trải qua cả một chặng đường dàiphía trước để có thể thay đổi những gì vốn đã trở nên quen thuộc với mọingười hiện nay. Đóng vai trò then chốt trong giai đoạn thứ hai của web là tổhợp công nghệ AJAX. Dù thế giới chưa thực sự sẵn sàng đón nhận, nhiềungười cho rằng các ứng dụng AJAX đang phát triển còn nhanh hơn cả địnhluật Moore - động lực thúc đẩy ngành điện toán gốc.AJAX là gì?AJAX, viết tắt từ Asynchronous JavaScript and XML (JavaScript và XMLkhông đồng bộ), là bộ công cụ cho phép tăng tốc độ ứng dụng web bằngcách cắt nhỏ dữ liệu và chỉ hiển thị những gì cần thiết, thay vì tải đi tải lạitoàn bộ trang web. AJAX không phải một công nghệ đơn lẻ mà là sự kết hợpmột nhóm công nghệ với nhau. Trong đó, HTML và CSS đóng vai hiển thịdữ liệu, mô hình DOM trình bày thông tin động, đối tượngXMLHttpRequest trao đổi dữ liệu không đồng bộ với máy chủ web, cònXML là định dạng chủ yếu cho dữ liệu truyền. Đây đều là công nghệ sẵn cónhưng Javacript đã lắp ráp chúng lại để thực hiện những sứ mệnh đángkhâm phục.Hầu hết các câu chuyện về nguồn gốc của AJAX được bắt đầu từ khiMicrosoft phát triển công nghệ Remote Scripting vào năm 1998. Tuy nhiên,phương pháp tải không đồng bộ nội dung trên một trang web đã xuất hiệntrong thành tố IFRAME của Internet Explorer 3 (1996) và thành tố LAYERcủa Netscape 4.0 năm 1997. Khi giới thiệu Internet Explorer 4.0, Microsoftđã sử dụng mô hình đối tượng tài liệu DOM khác biệt. Đến năm 2000,Netscape hoàn toàn đánh mất thị trường trình duyệt vào tay hãng phần mềmcủa Bill Gates và thành tố LAYER cũng không còn được các chuyên giaphát triển web chú ý tới.Phải vài năm sau, AJAX mới lại lôi kéo được sự quan tâm của giới côngnghệ và trở thành công cụ cải tiến giao diện người dùng cho ứng dụng web.Thuật ngữ này cũng chỉ mới xuất hiện cách đây 1 năm (tháng 2/2005) trongbài viết nổi tiếng của Jesse James Garrett trên trang Adaptive Path. Từ đó,AJAX trở thành trung tâm trong mọi câu chuyện liên quan đến thế hệ Web2.0.AJAX hoạt động như thế nào? Ứng dụng web truyền thống (trái) và ứng dụng AJAX. (Adaptive Path)Từ lâu, mọi người đã tưởng tượng ứng dụng máy tính rồi sẽ được lưu vàchạy hoàn toàn trên web thay vì nằm bó buộc trong ổ cứng. Dù vậy, viễncảnh đó vẫn chưa thể xảy ra do ứng dụng web bị hạn chế bởi nguyên lý rằngtất cả các thao tác phải được thực hiện thông qua HTTP (HyperText TransferProtocol - Giao thức truyền tải qua siêu liên kết). Những hoạt động củangười sử dụng trên trang web sẽ tạo ra một yêu cầu HTTP tới server. Máychủ thực hiện một số khâu xử lý như lấy lại dữ liệu, tính toán, kiểm tra sựhợp lệ của thông tin, sửa đổi bộ nhớ, sau đó gửi lại một trang HTML hoànchỉnh tới máy khách. Về mặt kỹ thuật, phương pháp này nghe có vẻ hợp lýnhưng cũng khá bất tiện và mất thời gian, bởi khi server đang thực hiện vaitrò của nó thì người dùng sẽ làm gì? Tất nhiên là chờ đợi.Để khắc phục hạn chế trên, các chuyên gia phát triển giới thiệu hình thứctrung gian - cơ chế xử lý AJAX - giữa máy khách và máy chủ. Điều nàygiống như việc tăng thêm một lớp giữa cho ứng dụng để giảm quá trình đilại của thông tin và giảm thời gian phản ứng. Thay vì tải lại (refresh) toànbộ một trang, nó chỉ nạp những thông tin được thay đổi, còn giữ nguyên cácphần khác. Vì thế, khi duyệt một trang hỗ trợ AJAX, người sử dụng khôngbao giờ nhìn thấy một cửa sổ trắng (blank) và biểu tượng đồng hồ cát - dấuhiệu cho thấy máy chủ đang thực hiện nhiệm vụ. Ví dụ, trong một websiteảnh, với ứng dụng truyền thống, toàn bộ trang chứa các ảnh sẽ phải mở lại từđầu nếu có một thay đổi nào đó trên trang. Còn khi áp dụng AJAX, DHTMLchỉ thay thế đoạn tiêu đề và phần vừa chỉnh sửa, do vậy tạo nên các giaodịch trơn tru, nhanh chóng. Tương tác đồng bộ trong ứng dụng web truyền thống (trên) và dị bộ trong ứng dụng AJAX. (Adaptive Path)Mọi thao tác của người sử dụng sẽ gửi lệnh JavaScript tới bộ xử lý AJAX,thay vì tạo ra một yêu cầu HTTP (HTTP request) và truy vấn tới máy chủ,Jesse James Garrett đã ghi trong bài viết đầu tiên định nghĩa về thuật ngữnày. Nếu cần gì từ server, như tải về bổ sung mã giao diện hay nhận dữ liệumới, AJAX sẽ truyền yêu cầu tới máy chủ một cách không đồng bộ, thôngthường sử dụng XML, mà không làm gián đoạn sự tương tác của người dùngvới ứng dụng web.Các ứng dụng AJAX phổ biếnGoogle Suggest hiển thị các thuật ngữ gợi ý gần như ngay lập tức khi ngườisử dụng chưa gõ xong từ khóa. Còn với Google Maps, mọi người có thể theodõi những thay đổi, xê dịch, kéo thả bản đồ như trên môi trường desktop. ...