Nguyên mẫu và Hướng dẫn AJAX

Giới thiệu về AJAX

AJAX là viết tắt của Ađồng bộ JavaScript và XML. AJAX là một kỹ thuật mới để tạo các ứng dụng web tốt hơn, nhanh hơn và tương tác hơn với sự trợ giúp của XML, HTML, CSS và Java Script.

Để hiểu đầy đủ về AJAX, vui lòng xem qua Hướng dẫn AJAX đơn giản của chúng tôi .

Hỗ trợ nguyên mẫu cho AJAX

Khung nguyên mẫu cho phép bạn xử lý các cuộc gọi Ajax theo cách rất dễ dàng và thú vị mà cũng an toàn (trình duyệt chéo). Prototype cũng xử lý theo cách thông minh với mã JavaScript được trả về từ máy chủ và cung cấp các lớp trợ giúp để thăm dò ý kiến.

Chức năng Ajax được chứa trong đối tượng Ajax chung . Đối tượng này cung cấp tất cả các phương thức cần thiết để xử lý các yêu cầu và phản hồi AJAX một cách dễ dàng.

Yêu cầu AJAX

Các yêu cầu thực tế được thực hiện bằng cách tạo các phiên bản của đối tượng Ajax.Request () .

new Ajax.Request('/some_url', { method:'get' });

Tham số đầu tiên là URL của yêu cầu; thứ hai là tùy chọn băm. Tùy chọn phương thức đề cập đến phương thức HTTP sẽ được sử dụng; phương thức mặc định là POST.

Gọi lại phản hồi AJAX

Các yêu cầu Ajax theo mặc định là không đồng bộ, có nghĩa là bạn phải có các lệnh gọi lại sẽ xử lý dữ liệu từ một phản hồi. Phương thức gọi lại được chuyển trong hàm băm tùy chọn khi đưa ra yêu cầu -

new Ajax.Request('/some_url', {
   method:'get',
   onSuccess: function(transport) {
      var response = transport.responseText || "no response text";
      alert("Success! \n\n" + response);
   },
   onFailure: function() { alert('Something went wrong...') }
});

Ở đây, hai lệnh gọi lại được chuyển trong hàm băm -

• onSuccess
• onFailure

Bất kỳ lệnh gọi nào trong số hai lệnh trên đều được gọi tương ứng dựa trên trạng thái của phản hồi. Tham số đầu tiên truyền cho cả hai là có nguồn gốc XMLHttpRequest đối tượng mà từ đó bạn có thể sử dụng nó responseText và responseXML thuộc tính tương ứng.

Bạn có thể chỉ định cả hai lệnh gọi lại, một hoặc không - tùy thuộc vào bạn. Các cuộc gọi lại khả dụng khác là -

• onUninitialized
• onLoading
• onLoaded
• onInteractive
• onComplete
• onException

Tất cả chúng đều khớp với một trạng thái nhất định của quá trình truyền tải xmlHttpRequest , ngoại trừ onException, kích hoạt khi có một ngoại lệ trong khi gửi các lệnh gọi lại khác.

NOTE- Các lệnh gọi lại onUninitialized, onLoading, onLoaded và onInteractive không được tất cả các trình duyệt triển khai nhất quán. Nói chung, tốt nhất bạn nên tránh sử dụng những thứ này.

Phương pháp AJAX nguyên mẫu

Đối tượng Ajax cung cấp tất cả các phương thức cần thiết để xử lý các yêu cầu và phản hồi AJAX một cách dễ dàng. Đây là danh sách đầy đủ của tất cả các phương pháp liên quan đến AJAX.

NOTE - Đảm bảo ít nhất bạn có phiên bản 1.6 của prototype.js.

Không.	Phương pháp & Mô tả
1.	Tùy chọn Ajax Đây không phải là một phương pháp mà là chi tiết tất cả các tùy chọn cốt lõi được chia sẻ bởi tất cả những người yêu cầu và gọi lại AJAX.
2.	Ajax.PeriodicalUpdater () Thực hiện định kỳ một yêu cầu AJAX và cập nhật nội dung của vùng chứa dựa trên văn bản phản hồi.
3.	Ajax.Request () Khởi tạo và xử lý một yêu cầu AJAX.
4.	Ajax.Responders () Một kho lưu trữ các trình nghe toàn cầu được thông báo về mọi bước của các yêu cầu AJAX dựa trên Nguyên mẫu.
5.	Ajax.Response () Đối tượng được truyền làm đối số đầu tiên của tất cả các lệnh gọi lại yêu cầu Ajax.
6.	Ajax.Updater () Thực hiện yêu cầu AJAX và cập nhật nội dung của vùng chứa dựa trên văn bản phản hồi.