Thuyết trình AJAX
Thuyết trình AJAX Giảng viên: Đỗ Thế Luân Thành viên: 10520549 Bùi Văn Thu 10520601 Nguyễn Thành Liêm 10520446 Phan Thanh Bạo 10520441 Trần Thành Nhân 10520625 Nguyễn Nhật Quân I. Nội dung 1. Giới thiệu về AJAX 2. AJAX Create Object, AJAX http Request 3. The XMLhttpRequest Object, AJAX readyState 4. AJAX và bảo mật 5. Demo về AJAX 1. Giới thiệu về AJAX - AJAX là viết tắt của Asynchronous JavaScript And XML. - AJAX là một kiểu lập trình trở nên phổ biến vào năm 2005 - AJAX không phải là một ngôn ngữ lập trình mới mà là một cách thức mới sử dụng những chuẩn đã có. - Ví dụ về các ứng dụng sử dụng AJAX: Google Maps, Gmail, Youtube, Facebook và các tab. 1. Giới thiệu về AJAX - AJAX có thể giao tiếp trực tiếp với máy chủ bằng cách sử dụng các đối tượng JavaScript là MLHttpRequest mà không phải reload lại trang web - Trang web sử dụng không phải reload lại do AJAX sử dụng kỹ thuật chuyễn dữ liệu bất đối xứng giữa trình duyệt và server Ưu điểm: Làm cho ứng dụng web trở nên nhỏ hơn, nhanh và thân thiện với người dung, giảm băng thông, request tới server - Lưu ý: AJAX là công nghệ phía trình duyệt, độc lập với phần mềm máy chủ web 1. Giới thiệu về AJAX - AJAX dựa trên những yêu cầu JavaScript và HTML. – XLM – JavaScript – CSS – Html 1. Giới thiệu về AJAX – Nhược điểm của AJAX: - Trang web không không được lưu trong lược sử với nội dung load bằng AJAX nút Back mất tác dụng. - Bookmark các nội dung load bởi AJAX rất khó khan - Nếu trình duyệt không hỗ trợ Javascript (mobile, máy PDA) thì nội dung sẽ hiển thị không chính xác. - Chuẩn cơ bản còn hạn chế nên khó khăn trong việc kiểm soát chất lượng ứng dụng sử dụng AJAX. - 1 hướng mới cho các hacker sử dụng mã độc mà khó có thể kiểm soát. 1. Giới thiệu về AJAX – Các trình duyệt hỗ trợ AJAX. ● Apple Safari từ 1.2 trở lên ● Konqueror ● Microsoft Internet Explorer từ 4.0 trở lên ● Mozilla/Mozilla Firefox từ 1.0 trở lên ● Netscape từ 7.1 trở lên ● Opera từ 8.0 trở lên ● GreenBrowser 4.3 ● Google Chrome tất cả các phiên bản. 2. AJAX Create Object, AJAX http Request – Nền tảng của Ajax là XMLhttpRequest. – Với XMLhttpRequest, khi có trao đổi dữ liệu với máy chủ Web thì trang Web được cập nhật động mà không phải làm mới toàn bộ trang. – Khi sử dụng XMLhttpRequest qua các bước: khởi tạo, gửi yêu cấu đến server, . 2. AJAX Create Object, AJAX http Request – Khởi tạo XMLHttpRequest: -Đối với IE7, Firefox, Chorome, .các trình duyệt hiện đại Variable=new XMLHtt(); -Đối với IE5, IE6 Variable=newActiveXObject("Microsoft.XMLHTTP"); 2. AJAX Create Object, AJAX http Request Ví dụ: khởi tạo XMLHttpRequest var doituong; if(window.XMLHttpRequest) {// vớii IE7, Firefox, chrome, . doituong= new XMLHttpRequest(); } else {// với IE5, IE6 doituong= new ActiveXObjext (“Microsoft.XMLHTTP”); } . thiệu về AJAX 2. AJAX Create Object, AJAX http Request 3. The XMLhttpRequest Object, AJAX readyState 4. AJAX và bảo mật 5. Demo về AJAX 1. Giới thiệu về AJAX. - AJAX là viết tắt của Asynchronous JavaScript And XML. - AJAX là một kiểu lập trình trở nên phổ biến vào năm 2005 - AJAX không phải là một ngôn ngữ lập