Blog này sẽ thảo luận về các phương pháp tải lại div mà không cần tải lại toàn bộ trang trong JavaScript.
Làm cách nào để tải lại div mà không cần tải lại toàn bộ trang trong jQuery?
Các ' div ” có thể được tải lại mà không cần tải lại toàn bộ trang bằng cách sử dụng phương thức “on()” của jQuery kết hợp với “ trọng tải() ' phương pháp.
Phương thức on() liên kết một hoặc nhiều trình xử lý sự kiện cho các phần tử và phương thức load() tải nội dung vào phần tử được tìm nạp. Các phương pháp này có thể được kết hợp để truy cập div và tải lại nó khi có sự kiện được kích hoạt.
Ví dụ
Hãy xem tổng quan về mã HTML sau:
< thân thể >
< h2 > Đây là cách tải lại div mà không cần tải lại toàn bộ trang h2 >
< id div = 'myDiv' >
< P > JavaScript là một ngôn ngữ lập trình có chứa các chức năng , biến , sự kiện và đối tượng, v.v. P >
div >
< cái nút > tải lại cái nút >
thân thể >
Trong khối mã trên:
- Bao gồm tiêu đề đã nêu.
- Ngoài ra, hãy chỉ định phần tử “” có thuộc tính “id”.
- Sau đó, bao gồm đoạn văn trong thẻ “
” và một nút để kích hoạt chức năng mong muốn.
Bây giờ, hãy chuyển sang mã JavaScript:
< tập lệnh src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' >
kịch bản >
< kịch bản >
$ ( 'cái nút' ) . trên ( 'nhấp chuột' , chức năng ( ) {
$ ( '#myDiv' ) . trọng tải ( '#myDiv' )
báo động ( 'Đã tải lại' )
} ) ;Trong đoạn mã này
- Bao gồm thư viện jQuery thông qua “ src ' thuộc tính.
- Truy cập nút đã tạo và liên kết “ trên() ' phương pháp.
- Điều này sẽ gọi chức năng được đề cập khi nhấp vào nút, hiển nhiên từ sự kiện đính kèm “ nhấp chuột ”.
- Trong phần định nghĩa hàm, hãy truy cập vào “ ” phần tử và tải lại bằng cách sử dụng “ trọng tải() ” phương pháp bằng cách tham khảo “ Tôi ”.
- Kết quả là, div đi kèm sẽ được tải lại khi nhấp vào nút và thông báo đã nêu qua hộp thoại cảnh báo sẽ được hiển thị.
đầu ra
Có thể thấy rằng div được tải lại thành công mà không cần tải lại toàn bộ trang.
Phần kết luận
Để tải lại div mà không cần tải lại toàn bộ trang, hãy sử dụng “ trên() ” phương pháp kết hợp với “ trọng tải() ' phương pháp. Các phương pháp này có thể được sử dụng để tải lại nội dung của div theo sự kiện được kích hoạt bằng cách truy cập và tham khảo lại nó. Blog này đã mô tả phương pháp tải lại div mà không cần tải lại toàn bộ trang.
- Sau đó, bao gồm đoạn văn trong thẻ “