Video: Học lập trình Web A-Z - JAVASCRIPT- Bài 14 - DOM và kỹ thuật thao túng nội dung trang HTML 2025
AJAX có thể cung cấp cho bạn những hiệu ứng tương tự cho HTML5 và CSS3 mà Server Side Includes (SSI) có. Trang sẽ giống hệt nhau nhưng một phương pháp hoàn toàn khác sẽ được sử dụng để đạt được mục tiêu của bạn.
csAJAX. html $ (tài liệu). ("# html"); $ ("# content1") load ("html"); "story1. html"); $ ("# content2") tải ("story2. html"), $ ("# footer") tải ("footer. html");});
Nội dung trang trống. Tất cả các nội dung có sẵn. Một cuộc gọi AJAX jQuery được sử dụng để tải từng tập tin văn bản vào phần tử thích hợp.
Đây là kế hoạch:
-
Nhập thư viện jQuery.
Thư viện jQuery là cách đơn giản nhất để làm việc với AJAX, vì vậy nhập jQuery bất cứ lúc nào bạn muốn làm việc với AJAX.
-
Thêm một chức năng khởi tạo.
Có nhiều cách để gọi các hàm ban đầu trong jQuery. Nó không quan trọng bạn sử dụng cơ chế nào miễn là nó xảy ra sau khi trang đã được tải nhưng trước bất kỳ JavaScript nào khác.
-
Tải mỗi phương thức div với phương thức load ().
Thư viện jQuery có một phương thức load () cho phép bạn tạo một cuộc gọi AJAX và đặt tài liệu vào phần tử được chỉ định. Sử dụng cơ chế này trên mỗi phần tử trong trang của bạn.
Cấu trúc tài liệu tương tự có thể được sử dụng với nội dung rất khác nhau bằng cách thay đổi JavaScript. Nếu bạn không thể tạo ra CMS đầy đủ (vì máy chủ không cho phép SSI, ví dụ) nhưng bạn có thể thực hiện AJAX, đây là một cách dễ dàng để tách nội dung khỏi bố cục.
