Bài 12: Đối tượng XMLHttpRequest - Phân tích các đặc tính - Sự tương tác Sự tương tác Ta xét một ví dụ để tìm hiểu các tương tác của Ajax. Hình sau cho thấy mô hình tương tác chuẩn trong một ứng dụng Ajax. Không giống như các cách tiếp cận kiểu request/response thông thường trong các chuẩn Web client, một ứng dụng Ajax có những khác biệt, sau đây là mô tả quá trình tương tác: 1. Một event client-side gây ra một sự kiện - Ajax event. Bất kỳ một tác động nào cũng có thể gây ra Ajax event,. | AJAX - Tương lai của Web AJAX Q-ng lai-của ửnc dun ci Web Bài 12 Đối tượng XMLHttpRequest - Phân tích các đặc tính - Sự tương tác Sự tương tác Ta xét một ví dụ để tìm hiểu các tương tác của Ajax. Hình sau cho thấy mô hình tương tác chuẩn trong một ứng dụng Ajax. Không giống như các cách tiếp cận kiểu request response thông thường trong các chuẩn Web client một ứng dụng Ajax có những khác biệt sau đây là mô tả quá trình tương tác 1. Một event client-side gây ra một sự kiện - Ajax event. Bất kỳ một tác động nào cũng có thể gây ra Ajax event từ một sự kiện onchange đơn giản cho đến một số tác động của người dùng. Ví dụ với đoạn mã sau Trích input type text id email name email onblur validateEmail 2. Một thể hiện của XMLHttpRequest được tạo ra. Dùng phương thức open tạo lời gọi hàm -địa chỉ URL được thiết lập cùng với phương thức HTTP yêu cầu thông thường là GET hay Collection by traibingo AJAX - Tương lai của Web POST. Request được tạo ra qua việc gọi phương thức send . Đoạn mã nguồn sau thể hiện điều đó Trích var xmlHttp function validateEmail var email email var url validate email escape if xmlHttp new ActiveXObject J _ TT else if xmlHttp new XMLHttpRequest GET url callback null 3. Một request được tạo và gửi đến server. Có thể là một lời gọi tới một servlet một CGI script hay một công nghệ phía server nào đó tương tự như JSP hay PHP. 4. Server xử lí các yêu cầu chẳng hạn như truy cập cơ sở dữ liệu hay một tác vụ hệ thống nào đấy. 5. Response được trả về cho trình duyệt. Trường Content-Type được thiết lập ở dạng text xml XMLHttpRequest chỉ có thể xử lí kết quả dạng text html. Trong các thể hiện phức tạp hơn response khá rắc rối và bao gồm JavaScript các thao tác trên đối tượng DOM hoặc các công nghệ liên quan khác. Chú ý là cũng cần thiết lập header vì thế trình duyệt sẽ không lưu kết quả một cách
