Chỉ tải một phần của trang - Thủ thuật CSS

Anonim

Trường hợp sử dụng

Bạn muốn AJAX tải một phần của trang khác trên trang web của mình vào trang hiện tại. Giả sử hệ thống CMS thương mại điện tử của bạn tạo một menu động gồm các sản phẩm nhưng tồn tại dưới dạng thư mục con của trang web của bạn và bạn muốn sử dụng menu đó trên trang chủ.

jQuery

$("#mainNav").load("/store #mainNav")

Tham số đầu tiên là URL (chỉ hoạt động cho các yêu cầu cùng tên miền!) Và tham số thứ hai (về mặt kỹ thuật, nó vẫn là một phần của tham số đầu tiên, được phân tách bằng dấu cách) là bộ chọn jQuery của phần cần tải. Không vượt qua thông số bộ chọn thứ hai sẽ tải toàn bộ trang. Có một tham số thứ ba tùy chọn, một hàm gọi lại, sẽ chạy khi quá trình tải hoàn tất.