Bài thuyết trình môn Ngôn ngữ lập trình - Chủ đề: Ajax - Tạ Hoàng Duyên Anh
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.
GIỚI THIỆU
Mô hình tương tác trong một ứng dụng
Web truyền thống:
This image cannot currently be displayed.
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
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
• 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 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
This image cannot currently be displayed.
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 đồng bộ
- tức là gửi yêu cầu của mình tới server và
tiếp tục thực thi tác vụ hiện tại mà không cần
chờ trả lời. Khi nào server xử lý xong yêu
cầu, nó sẽ báo hiệu và ta có thể đón để thể
hiện những thay đổi cần thiết.
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 cỡ, stylesheet có thể xác định
cách mà các phần tử được bố trí quan hệ
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;
}
Tải về để xem bản đầy đủ
36 trang
24540
Free
Bạn đang xem 20 trang mẫu của tài liệu "Bài thuyết trình môn Ngôn ngữ lập trình - Chủ đề: Ajax - Tạ Hoàng Duyên Anh", để tải tài liệu gốc về máy hãy click vào nút Download ở trên
File đính kèm:
- bai_thuyet_trinh_mon_ngon_ngu_lap_trinh_chu_de_ajax_ta_hoang.pdf
