Skip to content

Hướng dẫn phân trang bằng ajax trong PHP

Hướng dẫn phân trang bằng ajax trong PHP  – Phân trang bằng Ajax trong PHP và MySQL – Trong các dự án web, pagination là một phần rất quan trọng, nơi số lượng lớn các tin hay dòng được liệt kê từ  cơ sở dữ liệu. Trong trường hợp đó, Ajax pagination là một cách thích hợp hơn bởi vì nó sẽ giúp cải thiện giao diện người dùng trang web của bạn. Hướng dẫn này sẽ cho thấy làm thế nào bạn có thể thực hiện các pagination Ajax trong PHP sử dụng jQuery và MySQL.Đây là một Ứng dụng này phát triển  để tạo phân trang với jQuery , Ajax , PHP , và MySQL.

Xem Demo :

Sử dụng PHP, tôi sẽ hiển thị các bài viết từ các cơ sở dữ liệu MySQL với các liên kết phân trang. Thông qua các liên kết phân trang, bạn có thể nhận được các tin từ cơ sở dữ liệu, ngoại trừ các tin không được hiển thị. jQuery và Ajax sẽ giúp đỡ để có được các bản ghi từ cơ sở dữ liệu tùy thuộc vào liên kết pagination mà không tải lại trang.

Trước khi bắt đầu Ajax Phân trang bằng Ajax trong PHP và MySQL, hãy nhìn vào cấu trúc file.

Cơ sở dữ liệu Creation

Tôi có một posts đây là một bảng cơ sở dữ liệu và tôi sẽ thực hiện phân trang với các tin có trong bảng này. Các tin trong bảng posts của MySQL  sẽ giống như dưới đây :

Pagination Class

Tôi đã tạo ra một lớp Pagination để tạo ra các liên kết phân trang. Bạn có thể vượt qua các tùy chọn cấu hình liên kết trong lớp  Pagination. Các tùy chọn cấu hình thường được sử dụng dưới đây.

  • baseurl – baseurl giữ URL để gửi yêu cầu Ajax và chúng tôi sẽ nhận được các bài viết  của liên kết pagination tương ứng bằng URL này.
  • totalRows – Tổng số lượng tin.
  • perPage – Có bao nhiêu tin mà bạn muốn hiển thị trên mỗi trang.
  • contentDiv – Cung cấp cho các ID của phần tử mà các dữ liệu phân trang sẽ được hiển thị.

Sử dụng lớp Pagination dưới đây :

File dbConfig.php

File này giúp kết nối  cơ sở dữ liệu.

File index.php

File này có chứa một số JavaScript, PHP, và mã HTML. Code đầy đủ của file index.php  được đề cập riêng biệt dưới đây.

JavaScript:
Bao gồm các thư viện jQuery để làm việc với jQuery và Ajax. Ngoài ra, một số jQuery sẽ yêu cầu cho chương trình để tải khi sử dụng ajax.

PHP & HTML:
Lúc đầu, tôi sẽ hiển thị số lượng hạn chế của dữ liệu bài viết với các liên kết phân trang. Để hiển thị các liên kết phân trang, bạn nên cần phải tạo ra một đối tượng từ lớp Pagination. Ngoài ra, bạn có thể cấu hình các liên kết phân trang trong lớp Pagination. Gọi createLinks() chức năng của phân trang của Pagination để hiển thị các liên kết phân trang.

File getData.php

Trang này được yêu cầu của Ajax. Tôi sẽ nhận được số trang của các liên kết phân trang và đưa ra các bài (tin) gửi dữ liệu tương ứng.

File style.css

Kết luận

Để làm cho cái nhìn pagination tốt hơn, chúng tôi đã viết một số CSS và bạn có thể tìm thấy tất cả các CSS trong file style.css.

Chúc các bạn thực hiện thành công!

Published inLẬP TRÌNH PHP

Comments are closed.