WEB DEVELOPER - THIẾT KẾ VÀ PHÁT TRIỂN WEBSITE - Trang 137

Phát triển Web

2012

135

www.izwebz.com Demon Warlock

Ajax-Jquery vs JavaScript

Đôi lúc khi mới đi đến ranh giới của lập trình web 2.0 bạn đang ngờ ngợ giữa các chức năng của
nó, cũng như bạn biết rằng web 2.0 thì nên áp dụng ajax, tìm hiểu trên mạng hoặc trong tài liệu
thì bạn hiểu sơ sơ nó là cách gửi dữ liệu không đồng bộ ….

Nhưng để đi vào vấn đề khi đến với ajax bạn thực sự bối rối quá nhiều, không biết cơ chế hoạt
động, không nắm rõ nó, và một phần do vồn tiếng anh yếu mà không dám đụng chạm đến những
cuốn sách JS tiếng anh…

Một thời gian nào đó, có bạn đã pm để hỏi tôi “Anh ơi ! sao anh không soạn tut dạy Ajax, em
toàn thấy dạy Jquery không hà”. Khi đọc được vấn đề này, tôi thực sự bỡ ngỡ, người ta có thể
hỏi mình dạy Ajax trong khi người ta biết Jquery. Có buồn cười không khi hỏi “Anh ơi em biết
sơ về Jquery nhưng em mù JS anh có thể soạn tut JS cho em không ?”, khi đó nó lại là vấn đề
khác.

Để trả lời cho câu hỏi này, bài viết hôm nay sẽ minh họa rõ ràng về mối ràng buộc và quan hệ
giữa Ajax, Jquery và JavaScript.

ĐỊNH NGHĨA

Javascript : là một ngôn ngữ xử lý sự kiện thông thường cho website, thông thường được dùng
để sử lý các sự kiện. Ngôn ngữ cũng theo cấu trúc chính của C, có thể nói JS chỉ khác PHP ở
ngôn ngữ, còn hướng lập trình thì hầu như là giống nhau.

JQuery : Gần như là một mã nguồn mở sử dụng JS, Jquery tổng hợp các vấn đề cần phải làm
trong JS thành một thư viện, và sau đó nó cho phép phát biểu theo cách gọi riêng của nó.

Ajax : Có thể nói, Ajax chỉ là một phần nhỏ trong JSm khi thực hiện theo JS thuần Ajax được
thể hiện tương quan theo JS thuần, khi thể hiện theo Jquery, cách sử dụng khác nhau nhưng mối
tương quan của nó với JS vẫn không đổi, bởi vì bản thân nó vẫn chỉ chạy trên JS.

PHÂN BIỆT

- Với cách để có thể phân biệt 3 dạng này, ta sẽ đi đơn giản từ dưới lên trên.

Ajax : Ajax chỉ là một hàm nhỏ nếu bạn sử dụng Jquery và là một sự kết hợp nhiều thành phần
nếu bạn sử dụng JS thuần.

Ajax với Jquery

$(document).ready(function(){
$.ajax({
//Tại đây ta có thể cho các giá trị vào function Ajax, lúc này Ajax là một function.
url: 'leech_link.php',

Liên Kết Chia Sẽ

** Đây là liên kết chia sẻ bới cộng đồng người dùng, chúng tôi không chịu trách nhiệm gì về nội dung của các thông tin này. Nếu có liên kết nào không phù hợp xin hãy báo cho admin.