công nghệ ajax

BÀI THUYẾT TRÌNH MÔN NGÔN NGỮ LẬP TRÌNH CHỦ ĐỀ: AJAX NHÓM THUYẾT TRÌNH: TẠ HOÀNG DUYÊN ANH PHẠM VĂN HiỆP NGUYỄN THANH HOÀNG Công nghệ Ajax Mục lục  Giới thiệu AJAX  THẾ MẠNH TRONG AJAX  Công nghệ trong Ajax  CSS  Javascript  DOM  XML  XMLHttpRequest  Hạn chế trong Ajax GIỚI THIỆU HOÀN CẢNH RA ĐỜI: Tại sao Ajax được xem là “cứu tinh” của các ứng dụng web? Khi internet bùng nổ người ta nghĩ các ứng dụng web có thể thay thế các phần mềm chạy trên máy client?!. GIỚI THIỆU *Sự thật: Khác với phần mềm ở máy khách(có khả năng tương tác gần như vô tận), các ứng dụng Web bị giới hạn bởi chính nguyên lý hoạt động của nó: tất cả các giao dịch phải thực hiện thông qua phương thức giao dịch HTTP(Giao thức truyền tải qua các siêu liên kết) Vd: Thùng thư Y!ahoo mail: Khi xóa các mail đã đọc ->Yahoo sẽ gửi danh sách mail cần xóa và mã lệnh qua siêu liên kết tới server->yêu cầu server xóa->gửi trả lại trang mới->trình duyệt cập nhật lại.=>mất thời gian nhiều->nảy sinh Ajax. Mô hình tương tác trong một ứng dụng Web truyền thống: GIỚI THIỆU Giới thiệu AJAX I.GIỚI THIỆU AJAX ( "Asynchronous JavaScript and XML" - nghĩa là "JavaScript và XML không đồng bộ") là một tập hợp các công nghệ phát triển web được sử dụng để tạo các ứng dụng web động hay các ứng dụng giàu tính Internet (rich Internet application). Từ Ajax được ông Jesse James Garrett đưa ra và dùng lần đầu tiên vào tháng 2 -2005. Giới thiệu AJAX Ajax bao gồm:  Thể hiện web theo tiêu chuẩn XHTML và CSS, các chuẩn của W3C, được Firefox (Mozilla), Safari (Apple), Opera, Netscape 8.0 (nhân Firefox) hỗ trợ rất tốt.  Mô hình DOM (Document Object Model), được thực hiện thông qua JavaScript, nhằm hiển thị thông tin động và tương tác với những thông tin được hiển thị Giới thiệu AJAX  Đối tượng XMLHttpRequest để trao đổi dữ liệu một cách không đồng bộ với máy chủ web.  Trao đổi và xử lý dữ liệu bằng XML và XSLT; một chuẩn của W3C.  Và tất cả các công nghệ trên được liên kết lại với nhau bằng JavaScript. Thế mạnh Ajax Ajax-công nghệ kết hợp hai tính năng mạnh của JavaScript được các nhà phát triển đánh giá rất cao: • Gửi yêu cầu (request) đến server • Phân tách và làm việc với XML Các ứng dụng Ajax xoay quanh một tính năng có tên là XMLHttpRequest Thế mạnh Ajax [...]... và hiển thị thông điệp lỗi trên JavaScript Công nghệ trong Ajax- 6  Hạn chế của Ajax: Các trang web động không được ghi vào bộ lưu lịch sử lướt web của trình duyệt->nút mất tác dụng->giải pháp khắc phục?! Người dùng có trình duyệt không hỗ trợ Ajax, JavaScript hay đối tượng XMLHttp được yêu cầu=>Ko sử dụng được Ajax Công nghệ mới có thể mở ra cách thức tấn công mới!? Kết Thúc Tham khảo và thu thập... như các ứng dụng Web thông thường, nhưng không tái nạp (refresh) toàn bộ trang web Chỉ với AJAX, mới có thể sử dụng công nghệ bất kỳ phía server để có thể nhận các request, xử lí chúng và trả về kết quả Với mỗi công nghệ phía server, có một số lựa chọn cho phía client để thực hiện remote scripting Công nghệ trong Ajax Có thể nhúng vào các đoạn Flash, Java applet, hay các ActiveX vào ứng dụng Microsoft... dụng web truyền thống (trái) với AJAX Adaptive Path Thế mạnh Ajax Mô hình tương tác dùng ứng dụng web Ajax Thế mạnh Ajax • Nhận xét:Rõ ràng điểm khác biệt là thay vì phải tải cả trang web thì với AJAX ta chỉ cần tải về phần của trang Web muốn thay đổi Điều này giúp cho ứng dụng của web phản hồi nhanh hơn, thông minh hơn Ngoài ra, điểm đặc biệt quan trọng trong công nghệ Ajax nằm ở chỗ Asynchronous - bất... PHP Code: var x=3.1415926; x='pi'; Công nghệ trong Ajax- 3 Document Object Model-DOM Giúp phân tích một tài liệu (một trang web chẳng hạn) phục vụ cho cơ chế của JavaScript Sử dụng DOM, cấu trúc của tài liệu có thể được phân rã theo cấu trúc cây và thao tác theo các nút Trong ứng dụng AJAX, sự thay đổi giao diện người dùng chủ yếu được tạo ra bởi DOM Công nghệ trong Ajax Các thẻ HTML được tổ chức theo... kiểu object hay giá trị null, tương đương với điều kiện true hay false của câu lệnh if Công nghệ trong Ajax Sự tương tác: Hình sau cho thấy mô hình tương tác chuẩn trong một ứng dụng Ajax Hàm callback kiểm tra thuộc tính readyState trên đối tượng XMLHttpRequest Và xem xét mã trạng thái trả về từ server Công nghệ trong Ajax Remote Scripting: Về cơ bản, remote scripting là một loại lời gọi các thủ tục từ... văn bản hay có thể là một phần tử khác Công nghệ trong Ajax Vd : F10 Shimano Calcutta 47.76 F20 Bantam Lexica 49.99 Công nghệ trong Ajax- 5  Đối tượng XMLHttpRequest Ứng... với các phần tử khác và tương tác với người dùng, cho phép các hiệu ứng khá mạnh mẽ Công nghệ trong Ajax Cú pháp cơ bản của CSS Gồm 3 thành phần: • Thành phần lựa chọn (thường là một thẻ HTML) (Selector) • Thuộc tính (Property) • Giá trị (Value) VD: Selector { Property1: Value1; Property2: Value2; } Công nghệ trong Ajax- 2  Javascript: Là một ngôn ngữ lập trình đa năng, tương đối giống C JavaScript...Thế mạnh Ajax • Ajax cho phép tạo ra một Ajax Engine nằm giữa giao tiếp client-server Khi đó, các yêu cầu gửi resquest và nhận response do Ajax Engine thực hiện Thay vì trả dữ liệu dưới dạng HTML và CSS trực tiếp cho trình duyệt, web server có thể gửi trả dữ liệu dạng XML và Ajax Engine sẽ tiếp nhận, phân tách và chuyển hóa thành XHTML + CSS cho trình duyệt hiển thị Thế mạnh Ajax So sánh ứng... web hiện thời qua một biến toàn cục gọi là document, biến này là điểm bắt đầu của mọi thao tác trên DOM Vd.doc Công nghệ trong Ajax- 4 XML-eXtensible Markup Language Năm 1996 Word Wide Web Consortium (W3C) xây dựng một ngôn ngữ được gọi là XML () – ngôn rộng ngữ đánh dấu mở Công nghệ trong Ajax Các đặc điểm của XML • XML tương thích với SGML-Standard Generalized Markup Language • • • • • • Dễ dàng viết... hiện những thay đổi cần thiết www.thangcanhdep.com www.live.com http://local.google.com/ Từ điển Công nghệ trong Ajax- 1 Cascading Style Sheet – CSS: Tạm dịch là bảng kiểu xếp chồng - là một phần không thể thiếu trong thiết kế Web, nó được dùng rất nhiều trong các ứng dụng Web truyền thống cũng như trong Ajax Giúp cho các thành phần định dạng trực quan như màu sắc, lề, hình nền, tính trong suốt, kích . LẬP TRÌNH CHỦ ĐỀ: AJAX NHÓM THUYẾT TRÌNH: TẠ HOÀNG DUYÊN ANH PHẠM VĂN HiỆP NGUYỄN THANH HOÀNG Công nghệ Ajax Mục lục  Giới thiệu AJAX  THẾ MẠNH TRONG AJAX  Công nghệ trong Ajax  CSS  Javascript  DOM  XML  XMLHttpRequest  Hạn. mạnh Ajax Ajax -công nghệ kết hợp hai tính năng mạnh của JavaScript được các nhà phát triển đánh giá rất cao: • Gửi yêu cầu (request) đến server • Phân tách và làm việc với XML Các ứng dụng Ajax. XMLHttpRequest Thế mạnh Ajax Thế mạnh Ajax • Ajax cho phép tạo ra một Ajax Engine nằm giữa giao tiếp client-server. Khi đó, các yêu cầu gửi resquest và nhận response do Ajax Engine thực hiện.