Trang Chủ Tài chính Cá nhân Cách sử dụng jQuery AJAX cho HTML5 và CSS3 Lập trình - núm vú

Cách sử dụng jQuery AJAX cho HTML5 và CSS3 Lập trình - núm vú

Mục lục:

Video: Học lập trình Web A-Z - jQuery- Bài 07 - Ajax trong jQuery 2025

Video: Học lập trình Web A-Z - jQuery- Bài 07 - Ajax trong jQuery 2025
Anonim

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:

  1. Chuyển đến jquery. com.

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

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

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

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

Cách sử dụng jQuery AJAX cho HTML5 và CSS3 Lập trình - núm vú

Lựa chọn của người biên tập

Làm thế nào để đối phó với cảm xúc trong chế độ Đang - núm vú

Làm thế nào để đối phó với cảm xúc trong chế độ Đang - núm vú

Cảm xúc không phải là vấn đề phải giải quyết, kinh nghiệm để được chấp nhận. Khi bạn sử dụng chế độ làm để cố gắng quản lý cảm xúc của bạn, tâm trạng đầy thách thức của bạn có thể sâu hơn. Sống trên máy lái tự động có thể gây ra những ý nghĩ tiêu cực để lọt vào tâm trí của bạn. Bạn có thể suy nghĩ những suy nghĩ tiêu cực như 'Tôi lazy', 'Tôi không yêu' hoặc 'Tôi không thể làm được ...

Làm thế nào để đối phó với thái độ vô ích khi thực hành chánh niệm - núm vú

Làm thế nào để đối phó với thái độ vô ích khi thực hành chánh niệm - núm vú

Để Thực hành chánh niệm, để bắt đầu buông bỏ bất kỳ thái độ cầu toàn hoặc thiếu kiên nhẫn nào bạn có thể có đối với nó. Nếu bạn phải vật lộn với thiền định, bạn sẽ ngủ quên hoặc tâm trí bạn lang thang, cố gắng đừng tức giận hay thất vọng với chính mình. Thiền là một thực hành mà bạn có thể tu luyện theo thời gian. ...

Lựa chọn của người biên tập

Làm thế nào để Lưu vào EPS với Adobe Illustrator CS6 - núm vú

Làm thế nào để Lưu vào EPS với Adobe Illustrator CS6 - núm vú

Adobe Illustrator CS6 cho phép bạn lưu tài liệu trong một định dạng EPS. Tệp PostScript Tích hợp (EPS) là định dạng tệp tin mà hầu hết các ứng dụng chỉnh sửa văn bản và bố cục trang chấp nhận; EPS hỗ trợ dữ liệu vector và có thể mở rộng hoàn toàn. Bởi vì Illustrator. eps dựa trên PostScript, bạn có thể mở lại tập tin EPS và chỉnh sửa lại nó ...

Làm thế nào để Thread Text vào Shapes trong Illustrator - núm vú

Làm thế nào để Thread Text vào Shapes trong Illustrator - núm vú

Bạn có thể sử dụng Adobe Illustrator CC để tạo các hình dạng bất thường văn bản và các thiết kế khác. Tạo cột tùy chỉnh của văn bản có hình dạng và kích thước khác nhau bằng cách luồng hình dạng kín cùng nhau. Kỹ thuật này, về việc truyền văn bản từ một hình dạng này sang hình khác, làm việc với các hình chữ nhật, hình tròn, sao, hoặc bất kỳ hình dạng khép kín nào khác và có thể dẫn tới ...

Cách sử dụng Công cụ Hình dạng của Người tạo Illustrator - những hình nộm

Cách sử dụng Công cụ Hình dạng của Người tạo Illustrator - những hình nộm

Bằng công cụ Adobe Illustrator CC Shape Builder, bạn có thể trực giác kết hợp, chỉnh sửa, và điền vào hình trên artboard của bạn. Làm theo các bước sau để tạo hình dạng độc đáo của riêng bạn bằng công cụ Shape Builder: Tạo một số hình dạng chồng chéo nhau. Chọn các hình dạng mà bạn muốn kết hợp. Chọn công cụ Shape Builder và sau đó nhấp và kéo ...

Lựa chọn của người biên tập

Nói chuyện với các trẻ em của bạn về Thách thức Internet- núm vú

Nói chuyện với các trẻ em của bạn về Thách thức Internet- núm vú

Trong khi hiểu biết về đe doạ trực tuyến là một bước đi đầu tiên trong việc ngăn ngừa, để bạn có thể nói chuyện trực tiếp với con của bạn về vấn đề đe doạ trực tuyến. Sau đây là một số hướng dẫn để giúp bạn trong cuộc thảo luận gia đình về chủ đề đôi khi khó chịu này. Thảo luận về định nghĩa về đe doạ trực tuyến bao gồm cả cách trẻ có thể phát hiện hành vi đe doạ trực tuyến. Bắt nạt trực tuyến ...

ỨNg dụng và tính năng của máy tính bảng cho trẻ của bạn - nồng độ

ỨNg dụng và tính năng của máy tính bảng cho trẻ của bạn - nồng độ

Có hàng tấn ứng dụng và tính năng sẵn có cho máy tính bảng. Đây là một số ứng dụng hàng đầu dành cho trẻ em và thanh thiếu niên trên máy tính bảng chạy trên nền Android, trình đọc điện tử nền tảng Android và iPad của Apple. Ứng dụng Android và iPad thân thiện với trẻ em Với các ứng dụng mới được bổ sung vào các thị trường trực tuyến hàng ngày, gần như không thể tạo ra một sản phẩm toàn diện ...

Kỹ năng nuôi dạy con đơn: thực sự lắng nghe con bạn - những con vật

Kỹ năng nuôi dạy con đơn: thực sự lắng nghe con bạn - những con vật

Mỗi con bạn là một một trong những người thân thiện. Đừng phạm sai lầm của chúng vào một mối quan hệ một kích cỡ phù hợp. Bạn cần phải xử lý idiosyncrasies mỗi đứa trẻ một chút khác nhau. Con gái út của bạn có thể bật khóc khi bạn tình cờ khiển trách cô ấy vì không dọn dẹp phòng, nhưng con gái của bạn có thể hài hước tốt hơn