Tự động tải dữ liệu trên cuộn div bằng php, mysql, jquery và ajax

Trong hướng dẫn này, tôi sẽ chỉ cho bạn cách bạn có thể tải động dữ liệu trên div scroll bằng cách sử dụng php, mysql, jquery và ajax hoặc bạn có thể nói rằng facebook giống như phân trang, Khi nào người dùng sẽ ở cuối div hoặc trang thì dữ liệu mới sẽ được tải ngay lập tức.

Trong ví dụ này, tôi có cơ sở dữ liệu về các quốc gia và tôi cần hiển thị tất cả danh sách quốc gia bên trong div, Vì vậy, khi nào người dùng cuộn quốc gia div thì danh sách quốc gia tiếp theo sẽ được tải.

Trước hết, hãy tạo cơ sở dữ liệu quốc gia.

 TẠO BẢNG NẾU KHÔNG TỒN TẠI `country` (` id` int (11) NOT NULL AUTO_INCREMENT, `sortname` varchar (3) NOT NULL,` name` varchar (150) NOT NULL, PRIMARY KEY (`id`)) ENGINE =InnoDB DEFAULT CHARSET =utf8 AUTO_INCREMENT =247; 

Tạo tệp php để tạo kết nối với cơ sở dữ liệu và tìm nạp danh sách quốc gia theo giới hạn.

Bây giờ hãy tạo tệp html và đặt một số css và html

  
 
 
 
  Đang tải Vui lòng đợi ...   

Sau đó, viết jquery để gửi yêu cầu đến máy chủ trên div scroll

Bây giờ tệp index.html cuối cùng của bạn sẽ là

index.html

  
 
 
 
  Đang tải Vui lòng đợi ...    

Xem bản trình diễn trực tiếp và tải xuống mã nguồn.

DEMO

TẢI XUỐNG

Nếu bạn thích bài đăng này, xin đừng quên đăng ký sổ ghi chú công khai của tôi để biết thêm nhiều nội dung hữu ích