Hướng dẫn jquery load html file - jquery tải tệp html

• Trang chủ
• Tham khảo
• jQuery
• jQuery - function
• .load()

Định nghĩa và sử dụng

Có 2 cách sử dụng:

• Load sự kiện javascript.
• load dữ liệu từ server sau đó đặt HTML trở lại từ các thành phần được chọn.

Cấu trúc

• Đã được thêm vào từ phiên bản 1.0

.load(function(){...})

Html viết:

Hiển thị trình duyệt:

Click để xem kết quả.

So sánh code HTML trước và sau khi có jQuery:

Trước khi có jQuery	Sau khi có jQuery

.load('url')url')

Html viết:

Thành phần div
Click

Hiển thị trình duyệt:

Đây là dòng text của test.txt

Hiển thị trình duyệt:

Click để xem kết quả.

So sánh code HTML trước và sau khi có jQuery:

Nội dung file test.txt

Html viết:

Thành phần div

Hiển thị trình duyệt:

Nội dung không được load.


Thành phần li 01
Thành phần li 02
Thành phần li 03
Thành phần li 04
Thành phần li 05

Hiển thị trình duyệt:

So sánh code HTML trước và sau khi có jQuery:

.load('url',function(){...})url',function(){...})

Html viết:

Thành phần div
Click

Hiển thị trình duyệt:

Đây là dòng text của test.txt

Hiển thị trình duyệt:

Click để xem kết quả.

So sánh code HTML trước và sau khi có jQuery: