Để xử lý vấn để "Multi selectbox" có vẻ khá khó khăn nhưng nó thì rất dễ dàng với JQuery. Chúng ta chỉ cần kết hợp sự kiện onChange với JQuery Ajax là có thể giải quyết được vấn đề này. Trường hợp "Multi selectbox" thường được dùng khi chúng ta có 2 selectbox là "City" và "Districts"

Trong các bài trước chúng ta đã thấy cách để thực thi mã của jQuery khi trang được load. Đó là dùng event handler $(document).ready(), tuy nhiên còn nhiều điều cần phải bàn về nó.

Mặt dù là các phương thức quét qua các thành phần của DOM, nhưng nó có một sự gắng bó riêng mà có lẽ không nên nằm chung với filter trong bài 2. Bài 1 đã có giới thiệu nhưng mới chỉ dừng lại ở đó mà chưa có ví dụ cụ thể giúp dễ hình dung hơn. Mình vừa ý với cái tiêu đề bài này, vì qua nó các bạn có thể định hình được một nhóm các phương thức mà khi gặp các trường hợp trong thực tế bạn sẽ nghỉ ngay đến việc dùng nó và không nhầm lẫn vào đâu được.

Trong bài  "Tìm hiểu JQuery", chúng ta đã tìm hiểu về jQuery và cách chọn và lọc các thành phần trên document, xuyên qua cả cấu trúc DOM. Tuy nhiên nếu chỉ dừng lại ở những khả năng như vậy thì vẫn còn rất nhiều hạn chế, vì sẽ có những tác vụ mong muốn không thể thực hiện bằng cách chọn cơ bản trên. jQuery cung cấp phương thức .filter() để thực hiện những công việc chọn lọc phức tạp hơn: $('tr:odd').addClass('alt'); là tương đương với $('tr').filter(':odd').addClass('alt');

jQuery là một thư viện Javascript kiểu mới, giúp chúng ta đơn giản hóa cách viết Javascript và tăng tốc độ xử lý các sự kiện trên trang web. Để thực hiện một chức năng nào đó, thay vì viết vài chục dòng lệnh DOM JavaScript chán ngắt cũ kỹ, với jQuery chỉ cần vài dòng.
 

Bạn có thể xử lý những sự kiện Ajax như một sự kiện thành công hoặc có lỗi cục bộ trong hàm $.ajax(), nhưng jQuery cũng cung cấp những chức năng để kết nối đến hàm phản hồi để bất kỳ sự kiện toàn cục nào đó cũng được xử lý tất cả qua Ajax của bạn. Những hàm xử lý toàn diện như  AjaxStart (), AjaxSend (), AjaxSuccess (), AjaxError (), AjaxComplete (), và AjaxStop ().
 

Ajax là cách viết tắt của Asynchronous Javascript And XML, do đó bây giờ chúng ta xem làm thể nào để xử lý một tài liệu XML.

Đôi khi, bạn có thể không muốn chờ một quá trình Ajax hoàn thành nếu nó diễn ra qua lâu, ví dụ: nguồn tài nguyên của bạn đang cố gắn lấy từ máy chủ không hề tồn tại. Bạn có thể thiết lập một thời gian chờ trong vài giây với thuộc tính timeout của hàm $.ajax(). Ví dụ, chỉ đợi trong vòng 10s
 

Thỉnh thoàng, một vài điều gì đó gây ra lỗi khi chúng ta làm việc với Ajax. Ví dụ, tài nguyên bạn cố gắng tải về từ máy chủ không có hoặc không kết nối được với internet. Hàm $.ajax cho phép chúng ta xử lý những lỗi đó bằng cách gọi một hàm khác, cái mà sẽ được gọi khi một lỗi xảy ra.

Trong phần trước, chúng ta đã thấy một ví dụ trong một số hàm có sẵn của jQuery như load(), get(), post(). Những hàm này tốt cho giải pháp Ajax ngắn gọn nhưng chúng không đáp ứng được đầy đủ. Cái gì nếu bạn muốn thiết lập khoảng thời gian chờ nhận yêu của Ajax. Cài gì nếu bạn muốn kiểm sóat được đối tượng XMLHttpRequest. Điều gì nếu bạn muốn xử lý bất kỳ lỗi nào trả lại do không hoạt động