How to implement refresh-free paging function using PHP+Ajax

墨辰丷
Release: 2023-03-27 06:32:02
Original
1528 people have browsed it

This article mainly introduces the refresh-free paging function implemented by PHP Ajax. It analyzes the related implementation techniques of PHP Ajax through the pdo operation class to read the database and display it in paging based on specific examples. It also comes with demo source code for readers to download for reference. Friends in need can refer to

. The details are as follows:

Note:Some of the class libraries used in this article can find their source codes in previous articles. I will include them in the article. Indicate the location of the link. In order to shorten the length of the article, we apologize for the inconvenience caused to reading.

This article explains the Ajax implementation of refresh-free paging, implementation principles, code display, and code download.

Some knowledge needs to be explained here:

1. The benefits of Ajax without refreshing the page: Provide a good customer experience, obtain data from the database in the background through Ajax and display it, and eliminate the need to wait for the page to load And the blank state that appears;

2. So, is the Ajax non-refresh page running on a dynamic page (.php)? Or a static page (.html/.htm/.shtml)? The answer is: static page;

3. Implementation principle: The data returned from the dynamic page is obtained and displayed through the combination of front-end JS script program and Ajax.

Okay, let’s explain the code below:

Since it is running on a static page, we first create a static HTML page. The code list of index.html is as follows.

index.html


      Ajax 实现无刷新页面  

数据加载中...

Copy after login


In the code list, we loaded an Ajax class library in this static page , only a "Data loading...." will be displayed, and there will be no data. At this time, we need a JS script to obtain data from the database through Ajax. The JS script is as follows:


Copy after login


Read the above code carefully, you will find the following phenomenon:

1, setPage (pageNum) is a JS function interface for extracting data from the database;
2. Ajax obtains data through the article.php file;
3. article.php?page=xx, where xx is what is to be obtained The page number data,
setPage(1): is to get the 1st page data;
setPage(2): is to get the 2nd page data;
setPage(100): is to get the 100th page data;
......
So, how to get data from the article.php file? Please see the code listing below.

article.php


total('article'),20); // $m->total('article') 获取 article 表的记录数;10为每页显示十条 $result = $m->fetchAll('article', '*', '', '', $page->limit); // 取出数据,^_^,很方便吧 echo ''; echo ''; echo ''; foreach ($result as $v) { echo ""; } echo ''; echo '

华强电子网资讯

IDTitleAuthorSourceDate
{$v['id']}{$v['title']}{$v['author']}{$v['source']}{$v['date']}
'.$page->fpage().'
'; ?>
Copy after login


The data connected in article.php is grabbed from Huaqiang Electronics Network in the previous article Because the data is relatively large, the article.sql file will be attached to the code package download for everyone to test.

The data displayed on the static page index.html is the echo code in the article.php file.

The config.inc.php file in the code file mainly defines some constants, such as: database user name, database password, host..., database connection class library (Db.class.php) and database operation class Library (Model.class.php).

Program renderings:

The following figure marks the places to pay attention to.

In this way, Ajax paging without refresh is completed. There is also an ajaxPage.class.php in the program that is not explained. In fact, the usage of this ajaxPage class library is the same as that of the general paging class library.

That is:


$page = new ajaxPage(记录总数, 每页显示数);
Copy after login


Related recommendations:

Simple implementation of AjaxNo refresh pagingEffect

##php ajaxNo refresh paging, support id positioning sample code

Simple AjaxNo refresh pagingEffect_AJAX related


##

The above is the detailed content of How to implement refresh-free paging function using PHP+Ajax. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!