Công nghệ ajax

Công nghệ Ajax Công nghệ Ajax Bởi: Khoa CNTT ĐHSP KT Hưng Yên Quá trình phát triển công nghệ Web - Nguyên nhân xuất công nghệ AJAX Trước tìm hiểu Ajax, xem xét trình phát triển công nghệ Web, nguyên nhân hoàn cảnh xuất công nghệ Ajax Quá trình phát triển công nghệ ứng dụng Web Ban đầu, trang Web tĩnh; người dùng gửi yêu cầu tài nguyên đó, server trả tài nguyên Các trang Web văn định dạng phân tán Đối với trình duyệt, trang Web tĩnh vấn đề khó khăn, trang Web lúc đầu để thông tin kiện, địa chỉ, hay lịch làm việc qua Internet mà thôi, chưa có tương tác qua trang Web Năm 1990, Tim Berners-Lee, CERN, sáng chế HTML (Hyper Text Markup Language), ngôn ngữ đánh dấu siêu văn HTML đơn giản dễ dùng, trở thành ngôn ngữ phổ biến Tuy nhiên, không lâu sau đó, nhu cầu trang Web động, có tương tác ngày tăng, đời công nghệ Web động điều tất yếu Sau số công nghệ Web động bản: CGI Giải pháp để làm trang Web động Common Gateway Interface (CGI) CGI cho phép tạo chương trình chạy người dùng gửi yêu cầu Giả sử cần hiển thị các mục để bán Web site – với CGI script ta truy nhập sở liệu sản phẩm hiển thị kết Sử dụng form HTML đơn giản CGI script, tạo “cửa hàng” ảo cho phép bán sản phẩm cho khách hàng qua trình duyệt CGI script viết số ngôn ngữ từ Perl Visual Basic Tuy nhiên, CGI cách an toàn cho trang Web động Với CGI, người khác chạy chương trình hệ thống Vì chạy chương trình không 1/16 Công nghệ Ajax mong muốn gây tổn hại hệ thống Nhưng dù vậy, hôm CGI sử dụng Applet Tháng 5/1995, John Gage hãng Sun Andressen (nay thuộc Netscape Communications Corporation) công bố ngôn ngữ lập trình có tên Java Netscape Navigator hỗ trợ ngôn ngữ này, đường cho trang Web động mở ra, kỷ nguyên applet bắt đầu Applet cho phép nhà phát triển viết ứng dụng nhỏ nhúng vào trang Web Khi người dùng sử dụng trình duyệt hỗ trợ Java, họ chạy applet trình duyệt máy ảo Java Virtual Machine (JVM) Dù applet làm nhiều điều song có số nhược điểm: thường bị chặn việc đọc ghi file hệ thống, tải thư viện, thực thi phía client Bù lại hạn chế trên, applet chạy mô hình bảo mật kiểu sandbox bảo vệ người dùng khỏi đoạn mã nguy hiểm Có lúc applet sử dụng nhiều, có vấn đề nảy sinh: phụ thuộc vào máy ảo Java JVM, applet thực thi có môi trường thích hợp cài đặt phía client, tốc độ applet tương đối chậm applet giải pháp tối ưu cho Web động JavaScript Cùng thời gian này, Netscape tạo ngôn ngữ kịch gọi JavaScript JavaScript thiết kế để việc phát triển dễ dàng cho nhà thiết kế Web lập trình viên không thành thạo Java (Microsoft có ngôn ngữ kịch gọi VBScript) JavaScript trở thành phương pháp hiệu để tạo trang Web động.Việc người ta coi trang đối tượng làm nảy sinh khái niệm gọi Document Object Model (DOM) Lúc đầu JavaScript DOM có kết hợp chặt chẽ sau chúng phân tách DOM hoàn toàn cách biểu diễn hướng đối tượng trang Web sửa đổi với ngôn ngữ kịch JavaScript hay VBScript Tổ chức World Wide Web Consortium (W3C) chuẩn hóa DOM, European Computer Manufacturers Association (ECMA) phê duyệt JavaScript dạng đặc tả ECMAScript JSP/Servlet, ASP PHP Cùng với Java, Sun đồng thời đưa công nghệ gọi servlet Các đoạn mã Java không chạy phía client với applet; chúng chạy ứng dụng phía server Servlet đồng thời phục vụ CGI script Servlet bước tiến lớn, 2/16 Công nghệ Ajax đưa thư viện hàm API Java thư viện hoàn chỉnh để thao tác giao thức HTTP.JavaServer Page (JSP) công nghệ lập trình Web Sun, với công nghệ khác Microsoft - Active Server Pages (ASP), JSP công nghệ đòi hỏi trình chủ hiểu Java Microsoft nghiên cứu nhược điểm servlet tạo ASP dễ dàng để thiết kế trang web động Microsoft thêm công cụ mạnh tích hợp hoàn hảo với Web server JSP ASP có nét tương đương chúng thiết kế để phân tách qua trình xử lí khỏi trình biểu diễn Có khác biệt kỹ thuật, song hai cho phép nhà thiết kế Web tập trung vào cách bố trí (layout) nhà phát triển phần mềm tập trung vào kỹ thuật lập trình logic.Tất nhiên Microsoft Sun không độc quyền giải pháp phía server Còn có công nghệ khác, phải kể đến PHP (Hypertext Preprocessor) Cold Fusion Các công nghệ Flash Năm 1996, FutureWave đưa sản phẩm FutureSplash Animator Sau FutureWave thuộc sở hữu Macromedia, công ty đưa sản phẩm Flash Flash cho phép nhà thiết kế tạo ứng dụng hoạt họa linh động Flash không đòi hỏi kỹ lập trình cao cấp dễ học Cũng giống nhiều giải pháp khác Flash yêu cầu phần mềm phía client Chẳng hạn gói Shockwave Player plug-in tích hợp số hệ điều hành hay trình duyệt DHTML Khi Microsoft Netscape đưa version trình duyệt họ, nhà phát triển Web có lựa chọn mới: Dynamic HTML (DHTML) DHTML chuẩn W3C; giống công cụ thương mại Trong thực tế tập hợp gồm HTML, Cascading Style Sheets (CSS), JavaScript, DOM Tập hợp công nghệ cho phép nhà pháp triển sửa đổi nội dung cấu trúc trang Web cách nhanh chóng Tuy nhiên, DHTML yêu cầu hỗ trợ từ trình duyệt Mặc dù Internet Explorer Netscape hỗ trợ DHTML, thể chúng khác nhau, nhà phát triển cần phải biết loại trình duyệt mà phía client dùng DHTML thật bước tiến mới, cần qui chuẩn để phát triển Hiện DHTML đường phát triển mạnh XML Kể từ đời vào năm 1990, eXtensible Markup Language (XML) W3C dẫn xuất SGML trở nên phổ biến XML có mặt khắp nơi, Microsoft Office 12 hỗ trợ định dạng file XML 3/16 Công nghệ Ajax Ngày có nhiều dạng dẫn xuất XML cho ứng dụng Web (tất nhiên có XHTML): XUL Mozilla; XAMJ, sản phẩm mã nguồn mở Java; MXML từ Macromedia; XAML Microsoft Công nghệ Web hệ thứ hai – Web 2.0 Được xem cách mạng giới mạng, hệ web có thay đổi quan trọng không tảng công nghệ mà cách thức sử dụng - hình thành nên môi trường cộng đồng, người tham gia đóng góp cho xã hội "ảo" không "duyệt xem" Web 2.0 gì? Làm phân biệt đâu Web 1.0 đâu Web 2.0? Thuật ngữ "Web 2.0" trở nên thịnh hành Thực chất, Web 2.0 có nghĩa sử dụng web với chất khả Mục tiêu người tiên phong xây dựng Internet nhằm kết nối nhà nghiên cứu máy tính họ với để chia sẻ thông tin hiệu Khi bổ sung World Wide Web (năm 1990), Tim Berners-Lee nhằm mục tiêu tạo phương tiện cho phép người dùng tự đưa thông tin lên Internet dễ dàng chia sẻ với người (trình duyệt web Berners-Lee viết bao gồm công cụ soạn thảo trang web) Tuy nhiên, sau web phát triển theo hướng khác mục tiêu ban đầu Tuy có số ngoại lệ giới Web 1.0 (thế hệ web trước Web 2.0) chủ yếu gồm website "đóng" hãng thông hay công ty nhằm mục đích tiếp cận độc giả hay khách hàng hiệu Nó phương tiện phát tin phương tiện chia sẻ thông tin Chỉ đến gần đây, với xuất nhiều kỹ thuật blog (hay weblog), wiki web trở nên có tính cộng đồng (và cộng tác) trở nên gần với kỳ vọng khả thực Khái niệm WEB 2.0 Dale Dougherty, phó chủ tịch O’Reilly Media, đưa hội thảo Web 2.0 lần thứ O’Reilly Media MediaLive International tổ chức vào tháng 10/2004 Dougherty không đưa định nghĩa mà dùng ví dụ so sánh phân biệt Web 1.0 Web 2.0: "DoubleClick Web 1.0; Google AdSense Web 2.0 Ofoto Web 1.0; Flickr Web 2.0 Britannica Online Web 1.0; Wikipedia Web 2.0 v.v " Sau Tim O’Reilly, chủ tịch kiêm giám đốc điều hành O’Reilly Media, đúc kết lại đặc tính Web 2.0: Web có vai trò tảng, chạy ứng dụng Tập hợp trí tuệ cộng đồng Dữ liệu có vai trò then chốt 4/16 Công nghệ Ajax Phần mềm cung cấp dạng dịch vụ web cập nhật không ngừng Phát triển ứng dụng dễ dàng nhanh chóng Phần mềm chạy nhiều thiết bị Giao diện ứng dụng phong phú Thoạt đầu, Web 2.0 trọng tới yếu tố công nghệ, nhấn mạnh tới vai trò tảng ứng dụng Nhưng đến hội thảo Web 2.0 lần tổ chức vào tháng 10/2005, Web 2.0 nhấn mạnh đến tính chất sâu xa – yếu tố cộng đồng Thực tế, ứng dụng web thành phần quan trọng Web 2.0 Hàng loạt công nghệ phát triển nhằm làm cho ứng dụng web mạnh hơn, nhanh dễ sử dụng hơn, xem tảng Web 2.0 Kiến trúc công nghệ Web 2.0 phát triển bao gồm: phần mềm máy chủ, chế cung cấp nội dung, giao thức truyền thông, trình duyệt ứng dụng Cung cấp nội dung Bước phát triển quan trọng hướng đến Web 2.0 chế cung cấp nội dung, sử dụng giao thức chuẩn hoá phép người dùng sử dụng thông tin theo cách (nghĩa có khả tùy biến thông tin) Có nhiều giao thức phát triển để cung cấp nội dung RSS, RDF Atom, tất dựa XML Ngoài có giao thức đặc biệt FOAF XFN dùng để mở rộng tính website hay cho phép người dùng tương tác Dịch vụ WEB Các giao thức truyền thông chiều thành phần then chốt kiến trúc Web 2.0 Có hai loại giao thức REST SOAP REST (Representation State Transfer) dạng yêu cầu dịch vụ web mà máy khách truyền trạng thái tất giao dịch; SOAP (Simple Object Access Protocol) phụ thuộc máy chủ việc trì thông tin trạng thái Với hai loại, dịch vụ web gọi qua API Ngôn ngữ chung dịch vụ web XML, có ngoại lệ Một ví dụ điển hình giao thức truyền thông hệ Object Properties Broadcasting Protocol Chris Dockree phát triển Giao thức cho phép đối tượng ảo (tồn web) tự biết chúng "là làm gì”, nhờ tự liên lạc với cần Phần mềm máy chủ 5/16 Công nghệ Ajax Web 2.0 xây dựng kiến trúc web hệ trước trọng đến phần mềm làm việc background Cơ chế cung cấp nội dung khác phương thức cấp phát nội dung động (của Web 1.0) danh nghĩa, nhiên dịch vụ web yêu cầu tiến trình làm việc liệu chặt chẽ Các giải pháp phát triển theo hướng Web 2.0 phân làm hai loại: xây dựng hầu hết tính tảng máy chủ nhất; xây dựng ứng dụng "gắn thêm" cho máy chủ web, có sử dụng giao tiếp API AJAX ? Sau định nghĩa Garrett Ajax: AJAX tập hợp nhiều công nghệ với mạnh riêng để tạo thành sức mạnh AJAX bao gồm: * Thể web theo tiêu chuẩn XHTML CSS, chuẩn W3C, Firefox (Mozilla), Safari (Apple), Opera, Netscape 8.0 (nhân Firefox) hỗ trợ tốt * Nâng cao tính động phản hồi DOM (Document Object Model); chuẩn W3C * Trao đổi xử lý liệu XML XSLT; chuẩn W3C * Truy cập liệu theo kiểu bất đồng (asynchronous) XMLHttpRequest * Và tất công nghệ liên kết lại với JavaScript Các vấn đề nảy sinh đời AJAX Trước tìm hiểu Ajax lại xem "cứu tinh" ứng dụng Web, thử phân tích giới hạn ứng dụng web khiến chưa thể thay cho phần mềm phía client truyền thống Chỉ cách vài năm, mà dịch vụ web bùng nổ, người ta nghĩ đến lúc tất ứng dụng mà ta sử dụng ứng dụng Web thay phần mềm chạy độc lập máy tính đơn lẻ Quả thật, với phát triển chóng mặt mạng Internet với ưu điểm ứng dụng Web (truy cập nơi, không cần nâng cấp,…), tương lai phần mềm chắn gắn chặt với ứng dụng Web, không muốn nói bị thay Tuy nhiên, giờ, giấc mơ chưa thành thật người ta bắt đầu nghĩ rằng, có lẽ không trở thành thật 6/16 Công nghệ Ajax Tại vậy? Bởi giới hạn quan trọng ứng dụng Web cách thức tương tác với người dùng Khác với phần mềm chạy độc lập máy khách có khả dường vô tận cách thức tương tác với người dùng, ứng dụng Web bị giới hạn nguyên lý hoạt động nó: tất giao dịch phải thực thông qua phương thức giao dịch HTTP (HyperText Transport Protocol - Giao thức truyền tải qua siêu liên kết) Để hiểu tính chất lại trở thành rào cản ứng dụng web, phân tích cách thức hoạt động dịch vụ web xử lý tác vụ đơn giản xóa email YahooMail Ta duyệt qua hòm thư “Inbox” Yahoo!Mail Khi chọn số email nhấn nút Delete để xóa chúng (chuyển vào thùng rác) Yahoo!Mail trước hết lấy danh sách email chọn (quá trình chạy máy local), sau gửi danh sách với mã lệnh qua siêu liên kết đến server Yahoo, yêu cầu server thực tác vụ xóa email gửi lại trang web Yahoo!Mail với nội dung mới, cập nhật để trình duyệt hiển thị Việc gửi nhận yêu cầu khoảng thời gian trễ, ta sử dụng ADSL thời gian không lâu, dùng dịch vụ dial-up thời gian chờ đợi lớn Ta phải trải qua trình tương tự tác vụ khác, ví dụ chuyển từ thư mục “Inbox”(hòm thư đến) sang “Sent” (hòm thư đi) Ta trải qua việc chờ đợi sử dụng phần mềm chạy máy tính đơn lẻ: không thấy phần mềm mở lại phải “vô hiệu” vài giây để cập nhật dù tác vụ đơn giản nhất, phần mềm cần thời gian xử lý tác vụ ta thấy tương tác với người dùng Nếu xét khía cạnh khả ứng dụng tác vụ hàng ngày hạn chế ứng dụng web chấp nhận Tất nhiên, bên cạnh rào cản cách thức tương tác, ứng dụng Web vấp phải nhiều giới hạn khác (ví dụ thân việc phải hoạt động dựa trình duyệt rào cản quan trọng) chưa giải vấn đề ứng dụng web không thay thể cho phần mềm độc lập Ajax đời giải pháp cho ứng dụng Web nay, ta nói, số công nghệ Web hệ thứ hai Các mạnh Ajax Ajax viết tắt Asynchronous JavaScript And XML – công nghệ kết hợp hai tính mạnh JavaScript nhà phát triển đánh giá cao:* Gửi yêu cầu (request) đến server * Phân tách làm việc với XML 7/16 Công nghệ Ajax Các ứng dụng Ajax xoay quanh tính có tên XMLHttpRequest Ở ứng dụng web truyền thống, người dùng có cần thay đổi liệu trang Web, yêu cầu thay đổi gửi server dạng HTTP request (hay gọi postback), server xử lý yêu cầu gửi trả response chứa thông tin dạng HTML CSS, trang HTML thay trang cũ Qui trình mô tả nhấpchờ tải lại (click-wait-and-refresh): ví dụ người dùng sau nhấn nút “Submit” trang web phải chờ server xử lý xong tiếp tục công việc Mô hình tương tác ứng dụng Web truyền thống Ajax cho phép tạo Ajax Engine nằm giao tiếp Khi đó, yêu cầu gửi resquest nhận response Ajax Engine thực Thay trả liệu dạng HTML CSS trực tiếp cho trình duyệt, web server gửi trả liệu dạng XML Ajax Engine tiếp nhận, phân tách chuyển hóa thành XHTML + CSS cho trình duyệt hiển thị Việc thực client nên giảm tải nhiều cho server, đồng thời người sử dụng cảm thấy kết xử lý hiển thị tức mà không cần nạp lại trang Mặt khác, kết hợp công nghệ web CSS XHTML làm cho việc trình bày giao diện trang web tốt nhiều giảm đáng kể dung lượng trang phải nạp Đây lợi ích thiết thực mà Ajax đem lại 8/16 Công nghệ Ajax So sánh hai mô hình ứng dụng Web: truyền thống sử dụng Ajax Mô hình tương tác ứng dụng Web dùng Ajax 9/16 Công nghệ Ajax Rõ ràng điểm khác biệt thay phải tải trang web với AJAX ta cần tải phần trang Web muốn thay đổi Điều giúp cho ứng dụng web phản hồi nhanh hơn, thông minh Ngoài ra, điểm đặc biệt quan trọng công nghệ Ajax nằm chỗ Asynchronous - bất đồng - tức gửi yêu cầu tới server tiếp tục thực thi tác vụ mà không cần chờ trả lời Khi server xử lý xong yêu cầu của, báo hiệu ta đón để thể thay đổi cần thiết Các công nghệ AJAX Giới thiệu – CSS JAX tập hợp công nghệ bổ sung lẫn JavaScript có vai trò chất keo kết dính ứng dụng lại với Giao diện người dùng tạo tái nạp cách dùng JavaScript để điều khiển Document Object Model, tạo tổ chức biểu diễn liệu cho người dùng, đồng thời xử lí tương tác chuột bàn phím Cascading Style Sheets (CSS) cung cấp quán cảm quan “look and feel” cho ứng dụng khả thao tác mạnh mẽ với DOM Đối tượng XMLHttpRequest (hay chế tương đương đó) dùng để liên lạc cách bất đồng với server, đảm bảo việc gửi yêu cầu người dùng tái nạp liệu người dùng làm việc Cascading Style Sheet – tạm dịch bảng kiểu xếp chồng - phần thiếu thiết kế Web, dùng nhiều ứng dụng Web truyền thống Ajax Một stylesheet đưa cách kiểm soát loại định dạng trực quan, áp dụng cho thành phần riêng lẻ trang Hơn nữa, cho thành phần định dạng trực quan màu sắc, lề, hình nền, tính suốt, kích cỡ, stylesheet xác định cách mà phần tử bố trí quan hệ với phần tử khác tương tác với người dùng, cho phép hiệu ứng mạnh mẽ Trong ứng dụng Web truyền thống, stylesheet cung cấp cách hiệu để xác định cách thể vị trí dùng lại nhiều trang web khác nữa.Với AJAX, stylesheet cung cấp “kho chứa” giao diện xác định trước áp dụng cho phần tử động với độ dài đoạn mã nguồn nhỏ CSS định dạng trang web theo ba cách: Sử dụng trực tiếp kèm với thẻ HTML (Inline Style Sheet) Định nghĩa trang web (Internal Style Sheet) 10/16 Công nghệ Ajax Định nghĩa thành file CSS riêng (External Style Sheet) Trang web tham chiếu đến file CSS Một quy tắc định dạng bố trí gồm có hai phần: thành phần lựa chọn - selector phần khai báo - style declaration Selector đặc tả phần tử định dạng bố trí, style declaration khai báo thuộc tính định dạng áp dụng Giả sử muốn tạo dòng text level-1 heading tài liệu (đó đoạn nằm thẻ H1) có màu đỏ Có thể khai báo thuộc tính CSS sau h1 {color: red} Các ưu điểm CSS thiết kế weba CSS giúp tiết kiệm nhiều thời gian công sức cho việc thiết kế web Style phiên HTML 4.0 qui định cách thức thể thẻ Style thường lưu file nằm trang web Chúng giúp thay đổi cách thức định dạng cách bố trí trang web cách thay đổi riêng file CSS b CSS cho phép điều khiển cách định dạng cách bố trí lúc nhiều trang web với lần thay đổi vị trí c Có thể định nghĩa nhiều style vào thẻ HTML CSS cho phép đưa thông tin định nghĩa thẻ thông qua nhiều đường khác Style qui định thẻ HTML, qui định trang web file CSS bên ngoài.d Thứ tự áp dụng định dạng Như nói, sử dụng nhiều cách khác để làm CSS Điều xảy áp dụng nhiều cách định dạng cho thẻ HTML? Theo cách chung nói style "xếp tầng" (cascade) Việc xếp tầng tuân theo thứ tự ưu tiên giảm dần sau:* Inline Style (Style qui định thẻ HTML cụ thể)* Internal Style (Style qui định phần trang HTML)* External Style (style qui định file CSS ngoài)* Browser Default (thiết lập mặc định trình duyệt) Cú pháp & thuộc tính CSS Style Cú pháp CSS Cú pháp CSS gồm ba thành phấn:* Thành phần lựa chọn (thường thẻ HTML) (Selector)* Thuộc tính (Property)* Giá trị (Value)Thể cú pháp CSS 11/16 Công nghệ Ajax Selector { Property1: Value1; Property2: Value2; } Selector thẻ/nhóm thẻ HTML, lớp khai báo, hay định danh phần tử Với thẻ có sẵn HTML khai báo ko có dấu chấm "." trước Selector VD: HR { } Các Selector tự đặt tên thêm dấu chấm "." trước tên Selector navigator { } Nếu selector dùng tag không cần kèm theo dấu chấm Nếu thẻ html mà bạn sử dụng id thay cho việc dùng class:đặt class: đặt id: Thì style trước selector bạn thêm dấu #: #navigator { } Khi chèn đoạn mã CSS vào trang web, trình duyệt hiển thị trang web theo cách CSS qui định cho nó, có ba cách để chèn CSS vào trang web External Style Sheet (sử dụng file CSS định nghĩa thành file riêng) Mỗi trang web sử dụng file CSS phải sử dụng thẻ Thẻ đặt bên thẻ 12/16 Công nghệ Ajax Internal Style Sheet (định nghĩa style sheet trang web)Trong trường hợp trang web sử dụng định dạng khác nhau, dùng Internal Style Sheet Để định nghĩa Internal Style Sheet, sử dụng thẻ đặt bên thẻ hr {color: sienna} p {margin-left: 20px} body {background-image: url("images/back40.gif")} Internal Style Sheet(style qui định thẻ HTML) Đây phương pháp hiệu nhất, không nên sử dụng phương pháp làm ưu điểm CSS This is a paragraph Các thuộc tính CSS Style Mỗi phần tử trang HTML qui định theo nhiều kiểu Một phần text phần tử quy định theo thuộc tính color, font size, độ đậm phông, kiểu chữ sử dụng Có nhiều tùy chọn áp dụng cho thuộc tính Ví dụ để qui định cho paragraph: robotic{ font-size: 14pt; font-family: courier new, courier, monospace; font-weight: bold; color: gray; 13/16 Công nghệ Ajax } DOM - Tìm kiếm & Tạo DOM Node Tìm kiếm DOM Node Yêu cầu để làm việc DOM với JavaScript tìm kiếm phần tử để thay đổi Trước hết cần bắt đầu tham chiếu qua nút gốc - root node, nút thể qua biến toàn cục document Mỗi nút DOM nút (hoặc nút cấp hai, ba…) document, dần vào DOM, thấy tài liệu phức tạp biểu diễn DOM, việc tìm kiếm khó khăn Vì có cách sau để tìm kiếm nút nhanh chóng Mỗi phần tử HTML có thuộc tính ID, ví dụ như: hay Mỗi nút DOM có ID gán cho nó, ID dùng để tham chiếu tới nút qua hàm : var hello=document.getElementById('hello'); Trong số trường hợp, cần duyệt qua cấu trúc bước một, nút DOM có nút cha nhiều nút Chúng truy cập thuộc tính parentNode childNodes, thuộc tính parentNode trả đối tượng DOM node khác, childNodes trả mảng javascript: var children=empty.childNodes; for (var i=0;i[...]... class='programmed'>"+text+"";} Trên đây ta vừa xét một cách sơ lược về JavaScript, CSS, và DOM Chúng được tập hợp trong một công nghệ gọi là Dynamic HTML (DHTML), và có thể thấy Ajax sử dụng rất nhiều kỹ thuật DHTML Như vậy, các bạn đã nắm được 2 công nghệ dùng trong AJAX: CSS và DOM 16/16 ... CSS Style Cú pháp cơ bản của CSS Cú pháp của CSS gồm ba 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)Thể hiện của cú pháp CSS 11/16 Công nghệ Ajax Selector { Property1: Value1; Property2: Value2; } Selector có thể là các thẻ/nhóm thẻ HTML, các lớp khai báo, hay bằng định danh duy nhất của phần tử Với các thẻ có sẵn trong HTML thì có thể... External Style Sheet (sử dụng file CSS được định nghĩa thành trong file riêng) Mỗi trang web sử dụng file CSS ngoài này đều phải sử dụng thẻ Thẻ được đặt bên trong thẻ 12/16 Công nghệ Ajax Internal Style Sheet (định nghĩa các style sheet ngay trong trang web)Trong trường hợp mỗi trang web của sử dụng các định... nhiều tùy chọn được áp dụng cho thuộc tính trên Ví dụ để qui định cho một paragraph: robotic{ font-size: 14pt; font-family: courier new, courier, monospace; font-weight: bold; color: gray; 13/16 Công nghệ Ajax } DOM - Tìm kiếm & Tạo DOM Node Tìm kiếm một DOM Node Yêu cầu đầu tiên để làm việc trên DOM với JavaScript là đi tìm kiếm một phần tử để thay đổi Trước hết cần bắt đầu tham chiếu qua nút gốc... trả về một mảng javascript: var children=empty.childNodes; for (var i=0;i ... thể cho phần mềm độc lập Ajax đời giải pháp cho ứng dụng Web nay, ta nói, số công nghệ Web hệ thứ hai Các mạnh Ajax Ajax viết tắt Asynchronous JavaScript And XML – công nghệ kết hợp hai tính mạnh... thêm" cho máy chủ web, có sử dụng giao tiếp API AJAX ? Sau định nghĩa Garrett Ajax: AJAX tập hợp nhiều công nghệ với mạnh riêng để tạo thành sức mạnh AJAX bao gồm: * Thể web theo tiêu chuẩn XHTML... để thao tác giao thức HTTP.JavaServer Page (JSP) công nghệ lập trình Web Sun, với công nghệ khác Microsoft - Active Server Pages (ASP), JSP công nghệ đòi hỏi trình chủ hiểu Java Microsoft nghiên