Multi selectbox với JQuery Ajax
  • Multi selectbox với JQuery Ajax

    Để 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"

Thực hiện tác vụ khi load trang (Bài 4)
  • Thực hiện tác vụ khi load trang (Bài 4)

    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ó.

Tìm người thân (Bài 3)
  • Tìm người thân (Bài 3)

    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ể...

Phương thức quét lọc DOM (Bài 2)
  • Phương thức quét lọc DOM (Bài 2)

    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ì...

Tìm hiểu JQuery (Bài 1)
  • Tìm hiểu JQuery (Bài 1)

    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.
     

Ajax trong JQuery (P9) - Xử lý toàn diện những sự kiện Ajax
  • Ajax trong JQuery (P9) - Xử lý toàn diện những sự kiện Ajax

    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 (),...

Ajax trong JQuery (P8) - Xử lý XML
  • Ajax trong JQuery (P8) - Xử lý XML

    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.

Ajax trong JQuery (P7) - Xử lý Ajax timeouts
  • Ajax trong JQuery (P7) - Xử lý Ajax timeouts

    Đô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
     

Ajax trong JQuery (P6) - Xử lý lỗi của Ajax
  • Ajax trong JQuery (P6) - Xử lý lỗi của Ajax

    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.

Ajax trong JQuery (P5) - Sử dụng toàn bộ sức mạnh của Ajax
  • Ajax trong JQuery (P5) - Sử dụng toàn bộ sức mạnh của Ajax

    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...

Ajax trong JQuery (P4) - Sử dụng $.get( ) để gửi dữ liện đến Server
  • Ajax trong JQuery (P4) - Sử dụng $.get( ) để gửi dữ liện đến Server

    Bạn có thể muốn kiểm soát nhiều hơn khi phương thức POST hoặc GET được sử dụng, và bạn có thể muốn lấy bằng tay dữ liệu được tải về thoát khỏi sự tải về không cần thiết. Để làm điều này, jQuery cung cấp 2 phương thức $.get và $.post. Các chức năng này cho phép bạn giao tiếp với máy chủ sử dụng phương thức...

Ajax trong JQuery (P3) - Sử dụng $.post( ) để gửi dữ liện đến Server
Ajax trong JQuery (P2) - Gửi dữ liệu từ Form đến Server
  • Ajax trong JQuery (P2) - Gửi dữ liệu từ Form đến Server

    jQuery có một hàm đặc biệt nó giúp bạn đưa dữ liệu từ Form đến máy chủ qua hàm load() đó là hàm serializeArray() .Hàm này sẽ không có các tham số,  nó tạo ra một đối tượng lưu trữ các thuộc tính của Form sau khi các bạn đã cung cấp tên Form cho nó. Hàm serializeArray() giúp bạn dể dàng gửi toàn bộ dữ liệu...

Ajax trong JQuery (P1) - phương thức load()
  • Ajax trong JQuery (P1) - phương thức load()

    Jquery có một số chức năng để thực thi kỹ thuật Ajax. Một trong những hàm phổ biến nhất là hàm load().Bạn sử dụng hàm load() để hiện thị những dữ liệu tải xuống trong một tập hợp các phần tử trực tiếp.