TRƯỜNG CĐ CNTT

TP.HCM

DEMO

NỘI DUNG THUYẾT TRÌNH

1/ GIỚI THIỆU

a. Ajax là gì?

b. Lịch sử hình thành

c. Bạn thấy ajax ở đâu?

2/ NỘI DUNG CHI TIẾT

2.1. Ajax hoạt động như thế nào?

2.2. Các loại ứng dụng ajax

2.3. Ưu và nhược điểm

3/ DEMO, HỎI ĐÁP & TÀI LIỆU THAM KHẢO

1

AJAX

1/ GIỚI THIỆU TỔNG QUÁT

1.a/ AJAX là gì?

Asynchronous JavaScript and XML:

Tạm dịch (JavaScript và XML không đồng bộ)

2

AJAX

1/ GIỚI THIỆU TỔNG QUÁT

1.a/ AJAX là gì? (tt)

3

AJAX

AJAX

CSS

JSDOM

XMLHttp

Request

AJAX không phải một công nghệ đơn lẻ

mà là sự kết hợp một nhóm công nghệ với nhau.

HTML

Jesse James Garrett

1/ GIỚI THIỆU TỔNG QUÁT

1.b/ Lịch sử hình thành

4

AJAX

Iframe

1996

XMLHTTP

1998

IE

1999

Google

200518/01/2005

XMLHttpRequest

05/04/2006

1/ GIỚI THIỆU TỔNG QUÁT

1.c/ Bạn thấy Ajax ở đâu?

5

AJAX

2/ NỘI DUNG CHI TIẾT

2.1/ Ajax hoạt động như thế nào?

6

AJAX

2/ NỘI DUNG CHI TIẾT

2.2/ Các loại ứng dụng Ajax:

7

AJAX

Kiểm tra dữ liệu ngay khi nhập

Upload ảnh nhanh chóng

Quản lý thư mục trên website

Chat online trên website

Soạn thảo văn bản online

Google map, google suggest

Kiểm tra email hợp lệ

2/ NỘI DUNG CHI TIẾT

2.3/ Ưu điểm:

Giảm băng thông, tăng nhanh tốc độ tải web

Tăng cao sự tương tác với người dùng

Giảm kết nối đến sever

8

AJAX

2/ NỘI DUNG CHI TIẾT

2.4/ Khuyết điểm:

Không tạo ra url mới khi tải thành phần mới

Khó khăn trong việc bookmark trang

Không hoạt động nếu tắt javascript

Khả năng bị tấn công mã độc cao

9

AJAX

3/ DEMO & HỎI ĐÁP

PHỤ LỤC/ TÀI LIỆU THAM KHẢO

10

AJAX

bit.ly/Ajax_thayphet

1. http://en.wikipedia.org/wiki/Ajax_(programming)2. http://www.w3schools.com/ajax/default.ASP3. http://forum.cuasotinhoc.vn/4. http://www.asp.net/ajax5. http://api.jquery.com/jquery.ajax/6. http://www.thietkewebtop.com/download/Tai-lieu-Huong%20Dan%20AJAX.pdf