Mục lục:
Video: Học lập trình Web A-Z - jQuery- Bài 07 - Ajax trong jQuery 2025
Mặc dù có nhiều thư viện AJAX / JavaScript xuất sắc dành cho các lập trình viên HTML5 và CSS3, jQuery đã nhanh chóng trở thành một trong những nổi bật nhất. Dưới đây là một số lý do cho sự phổ biến của jQuery:
-
Đó là một thư viện mạnh mẽ. Hệ thống jQuery cực kì mạnh. Nó có thể làm tất cả các loại ấn tượng để làm cho JavaScript của bạn dễ dàng hơn để viết.
-
Trọng lượng nhẹ. Bạn cần bao gồm một tham chiếu đến thư viện của bạn trong mọi tệp cần nó. Toàn bộ thư viện jQuery phù hợp với kích thước 55K, nhỏ hơn nhiều tệp hình ảnh. Nó sẽ không có một tác động đáng kể đến tốc độ tải xuống.
-
Nó hỗ trợ một cơ chế lựa chọn linh hoạt. jQuery rất đơn giản hóa và mở rộng tài liệu. getElementById là trung tâm của thao tác DOM.
-
Nó có hỗ trợ hoạt hình tuyệt vời. Bạn có thể sử dụng jQuery để làm cho các phần tử xuất hiện và làm mờ, di chuyển và trượt.
-
Nó làm cho các truy vấn AJAX trở nên tầm thường. Bạn sẽ bị sốc khi AJAX dễ dàng với jQuery.
-
Nó có một cơ chế sự kiện tăng cường. JavaScript đã hỗ trợ rất hạn chế cho các sự kiện. jQuery thêm một công cụ rất mạnh để thêm các trình xử lý sự kiện vào gần như bất kỳ phần tử nào.
-
Cung cấp sự hỗ trợ đa nền tảng. Thư viện jQuery cố gắng quản lý các sự cố về tính tương thích của trình duyệt cho bạn, do đó bạn không phải căng thẳng quá nhiều về chính xác trình duyệt đang được sử dụng.
-
Nó hỗ trợ các widget giao diện người dùng. jQuery đi kèm với một thư viện giao diện người dùng mạnh mẽ, bao gồm các công cụ HTML không có, như điều khiển kéo và thả, thanh trượt và trình chọn ngày.
-
Khả năng mở rộng cao. jQuery có một thư viện trình cắm thêm hỗ trợ tất cả các loại tính năng tùy chọn, bao gồm các vật dụng và công cụ mới như hội nhập âm thanh, phòng trưng bày hình ảnh, menu và nhiều hơn nữa.
-
Nó giới thiệu các ý tưởng lập trình mạnh mẽ mới. jQuery là một công cụ tuyệt vời để học về một số ý tưởng thực sự thú vị như lập trình chức năng và các đối tượng có thể nối tiếp.
-
Đó là miễn phí và mã nguồn mở. Nó có sẵn dưới giấy phép mã nguồn mở, có nghĩa là bạn sẽ không tốn gì cả để sử dụng, và bạn có thể xem nó và thay đổi nó nếu bạn muốn.
-
Đó là một cách điển hình điển hình. Nếu bạn chọn sử dụng thư viện AJAX khác, bạn vẫn có thể truyền những ý tưởng bạn đã học được trong jQuery.
Cách cài đặt jQuery
Thư viện jQuery rất dễ cài đặt và sử dụng. Thực hiện theo các bước sau:
-
Chuyển đến jquery. com.
-
Tải về phiên bản hiện tại.
Hiện tại, phiên bản mới nhất là 1.10. 2. Có một loạt 2. X nhưng những phiên bản này không hỗ trợ các trình duyệt cũ, vì vậy sẽ không được chấp nhận cho đến khi các trình duyệt cũ (đặc biệt là IE 6 trở xuống) không còn được sử dụng nữa.
Bạn có thể chọn từ một số phiên bản của tệp. Phiên bản tối thiểu được đề nghị để sử dụng thực tế. Để làm cho tệp này càng nhỏ càng tốt, mọi nhân vật không cần thiết đã được gỡ bỏ. Tệp này rất nhỏ nhưng rất khó đọc. Tải xuống phiên bản không bị hạn chế nếu bạn muốn thực sự đọc mã, nhưng nói chung tốt hơn là bao gồm phiên bản đã giảm thiểu trong các chương trình của bạn.
-
Lưu trữ các tập tin kết quả vào thư mục làm việc của bạn.
jQuery-1. 10. 2 phút js là tập tin hiện tại.
Để kết hợp thư viện vào các trang của bạn, bạn chỉ cần liên kết nó như một tệp JavaScript bên ngoài:
Hãy chắc chắn bao gồm mã trước trước khi bạn viết hoặc bao gồm các mã khác đề cập đến jQuery.
Cách nhập jQuery từ Google
Dễ dàng vì nó hỗ trợ jQuery, bạn có một cách tuyệt vời khác để thêm các jQuery (và các thư viện AJAX khác) vào các trang của bạn mà không cần tải bất cứ thứ gì. Google có một phiên bản có sẵn công khai của một số thư viện quan trọng (bao gồm jQuery) mà bạn có thể tải xuống từ các máy chủ của nó.
Điều này có hai lợi thế thú vị:
-
Bạn không phải cài đặt bất kỳ thư viện nào. Tất cả các tệp thư viện lưu lại trên máy chủ Google.
-
Thư viện được cập nhật tự động. Bạn luôn có quyền truy cập vào phiên bản mới nhất của thư viện mà không thực hiện bất kỳ thay đổi nào đối với mã của bạn.
-
Thư viện có thể tải nhanh hơn. Lần đầu tiên một trong những trang của bạn đọc thư viện từ các máy chủ của Google, bạn phải đợi tải xuống đầy đủ, nhưng thư viện được lưu trữ trong bộ nhớ cache (một dạng bộ nhớ của trình duyệt) để yêu cầu tiếp theo về cơ bản là ngay lập tức.
Đây là cách bạn thực hiện:
Về cơ bản, tải jQuery từ Google là một quy trình gồm hai bước:
-
Tải Google API từ Google.
Sử dụng thẻ đầu tiên để tham khảo máy chủ Google AJAX API. Điều này cho phép bạn truy cập vào google. load () chức năng.
-
Gọi google. load () để tải jQuery.
-
Tham số đầu tiên là tên của thư viện bạn muốn tải.
-
Tham số thứ hai là số phiên bản. Nếu bạn để trống tham số này, bạn sẽ có được phiên bản mới nhất. Nếu bạn chỉ định một số, Google sẽ cung cấp cho bạn biến thể mới nhất của phiên bản đó.
-
Lưu ý rằng bạn không cần cài đặt bất kỳ tệp nào tại địa phương để sử dụng cách tiếp cận của Google.
Tất cả các tùy chọn này để quản lý jQuery có thể bị chóng mặt. Sử dụng kỹ thuật nào tốt nhất cho bạn.