Backend Development
PHP Tutorial
Detailed explanation of PHP Ajax implementation of non-refresh paging examples (with demo source code download), ajaxdemo_PHP tutorial
Detailed explanation of PHP Ajax implementation of non-refresh paging examples (with demo source code download), ajaxdemo_PHP tutorial
Jul 12, 2016 am 08:54 AM
Detailed explanation of PHP Ajax implementation of non-refresh paging examples (with demo source code download), ajaxdemo
This article describes the method of PHP Ajax implementation of non-refresh paging. Share it with everyone for your reference, the details are as follows:
Note: The source codes of some of the class libraries used here can be found in previous articles, so in order to shorten the length of the article, the links are indicated.
This article explains: 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, eliminating the blank state that appears while waiting for the page to be loaded;
2. So, the Ajax non-refresh page runs 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
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/ajax.js"></script> <!-- 載入 Ajax 類庫 -->
<title>Ajax 實現(xiàn)無刷新頁面</title>
<style type="text/css">
body {
font-size:12px;
}
</style>
</head>
<body>
<div id="fpage">數(shù)據(jù)加載中...</div>
</body>
</html>
In the code list, we have loaded an Ajax class library. This class library can be found in the previous article "Analysis of a Simple Ajax Class Library and Usage Examples"
In this static page, only "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:
<script type="text/javascript">
/**
* setPage(url) 根據(jù) url 從 article.php 中獲取數(shù)據(jù)
* @param int pageNum 頁碼
* @return string
*/
var cache=new Array(); // 緩存變量，當數(shù)據(jù)被訪問過之后放置在緩存中，加快訪問速度
function setPage(pageNum) {
var fpage = document.getElementById('fpage'); // 獲取 fpage 對象
// 如果緩存中存在數(shù)據(jù)，那么直接從緩存中讀??；如果不存在數(shù)據(jù)，那么就從數(shù)據(jù)庫中讀取，并把數(shù)據(jù)存入緩存
if (typeof(cache[pageNum])=='undefined') {
var ajax = Ajax();
ajax.get('article.php?page='+pageNum, function(data){
fpage.innerHTML = data; // fpage對象的內(nèi)容是從 article.php 中取來的
cache[pageNum] = data;
})
} else {
fpage.innerHTML = cache[pageNum];
}
}
setPage(1); // 默認執(zhí)行
</script>
Read the above code carefully and 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 the page number data to be obtained,
setPage(1): Gets the data on page 1;
setPage(2): Gets the data on page 2;
setPage(100): Gets the data on page 100;
…
So, how to get data from the article.php file? Please see the code listing below.
article.php
<?php
/**
* $Id: article.php
* author Lee.
* Last modify $Date: 2012-01-21 16:53:05 $
*/
require_once './config.inc.php';
$m = new Model();
$page = new ajaxPage($m->total('article'),20); // $m->total('article') 獲取 article 表的記錄數(shù)；10為每頁顯示十條
$result = $m->fetchAll('article', '*', '', '', $page->limit); // 取出數(shù)據(jù)，^_^，很方便吧
echo '<table align="center" border="1" width="1100" style="border-collapse:collapse;font-size:14px;" bordercolor="#666">';
echo '<caption><h1>華強電子網(wǎng)資訊</h1></caption>';
echo '<tr height="25"><th>ID</th><th>Title</th><th>Author</th><th>Source</th><th>Date</th></tr>';
foreach ($result as $v) {
echo "<tr height='21'><td align='center'>{$v['id']}</td><td>{$v['title']}</td><td align='center'>{$v['author']}</td><td align='center'>{$v['source']}</td><td align='center'>{$v['date']}</td></tr>";
}
echo '<tr><td align="right" colspan="5">'.$page->fpage().'</td></tr>';
echo '</table>';
?>
The data connected in article.php is the information data captured 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), please refer to the article "Analysis of Common PDO Class Library Examples of PHP", with usage instructions.
Program renderings:
The picture below marks the places to pay attention to
In this way, Ajax non-refresh paging 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 (total number of records, number displayed per page);
For specific details, please download the code and read it.
Click here to download the complete example code from this website.
Readers who are interested in more PHP-related content can check out the special topics on this site: "Summary of PHP ajax skills and applications", "Summary of PHP operations and operator usage", "Summary of PHP network programming skills", "PHP basic syntax" "Introductory Tutorial", "Summary of PHP Office Document Skills (Including Word, Excel, Access, PPT)", "Summary of PHP Date and Time Usage", "Introduction to PHP Object-Oriented Programming", "php String Usage" Summary", "Introduction Tutorial on PHP MySQL Database Operation" and "Summary of Common PHP Database Operation Skills"
I hope this article will be helpful to everyone in PHP programming.
Articles you may be interested in:
- Detailed explanation of php ajax no-refresh paging example
- php ajax implementation of no-refresh paging
- Detailed explanation of PHP AJAX no-refresh paging Implementation method
- php ajax method to realize non-refresh paging
- ajax to realize non-refresh paging (php)
- php ajax non-refresh paging, support id positioning
- JQuery PHP publishes content without refresh paging (Fckeditor)
- php jquery implements news tag classification and refresh-free paging
- A brief analysis of PHP ajax paging examples
- PHP jQuery Ajax To achieve the paging effect, the application of jPaginate plug-in
- php page number form paging function supports static address and ajax paging
Hot AI Tools
Undress AI Tool
Undress images for free
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Clothoff.io
AI clothes remover
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
How do I stay up-to-date with the latest PHP developments and best practices?
Jun 23, 2025 am 12:56 AM
TostaycurrentwithPHPdevelopmentsandbestpractices,followkeynewssourceslikePHP.netandPHPWeekly,engagewithcommunitiesonforumsandconferences,keeptoolingupdatedandgraduallyadoptnewfeatures,andreadorcontributetoopensourceprojects.First,followreliablesource
What is PHP, and why is it used for web development?
Jun 23, 2025 am 12:55 AM
PHPbecamepopularforwebdevelopmentduetoitseaseoflearning,seamlessintegrationwithHTML,widespreadhostingsupport,andalargeecosystemincludingframeworkslikeLaravelandCMSplatformslikeWordPress.Itexcelsinhandlingformsubmissions,managingusersessions,interacti
How to set PHP time zone?
Jun 25, 2025 am 01:00 AM
TosettherighttimezoneinPHP,usedate_default_timezone_set()functionatthestartofyourscriptwithavalididentifiersuchas'America/New_York'.1.Usedate_default_timezone_set()beforeanydate/timefunctions.2.Alternatively,configurethephp.inifilebysettingdate.timez
How do I validate user input in PHP to ensure it meets certain criteria?
Jun 22, 2025 am 01:00 AM
TovalidateuserinputinPHP,usebuilt-invalidationfunctionslikefilter_var()andfilter_input(),applyregularexpressionsforcustomformatssuchasusernamesorphonenumbers,checkdatatypesfornumericvalueslikeageorprice,setlengthlimitsandtrimwhitespacetopreventlayout
What is data serialization in PHP (serialize(), unserialize())?
Jun 22, 2025 am 01:03 AM
ThePhpfunctionSerialize () andunserialize () AreusedtoconvertcomplexdaTastructdestoresintostoraSandaBackagain.1.Serialize () c OnvertsdatalikecarraysorobjectsraystringcontainingTypeandstructureinformation.2.unserialize () Reconstruct theoriginalatataprom
How do I embed PHP code in an HTML file?
Jun 22, 2025 am 01:00 AM
You can embed PHP code into HTML files, but make sure that the file has an extension of .php so that the server can parse it correctly. Use standard tags to wrap PHP code, insert dynamic content anywhere in HTML. In addition, you can switch PHP and HTML multiple times in the same file to realize dynamic functions such as conditional rendering. Be sure to pay attention to the server configuration and syntax correctness to avoid problems caused by short labels, quotation mark errors or omitted end labels.
What are the best practices for writing clean and maintainable PHP code?
Jun 24, 2025 am 12:53 AM
The key to writing clean and easy-to-maintain PHP code lies in clear naming, following standards, reasonable structure, making good use of comments and testability. 1. Use clear variables, functions and class names, such as $userData and calculateTotalPrice(); 2. Follow the PSR-12 standard unified code style; 3. Split the code structure according to responsibilities, and organize it using MVC or Laravel-style catalogs; 4. Avoid noodles-style code and split the logic into small functions with a single responsibility; 5. Add comments at key points and write interface documents to clarify parameters, return values ??and exceptions; 6. Improve testability, adopt dependency injection, reduce global state and static methods. These practices improve code quality, collaboration efficiency and post-maintenance ease.
How do I execute SQL queries using PHP?
Jun 24, 2025 am 12:54 AM
Yes,youcanrunSQLqueriesusingPHP,andtheprocessinvolveschoosingadatabaseextension,connectingtothedatabase,executingqueriessafely,andclosingconnectionswhendone.Todothis,firstchoosebetweenMySQLiorPDO,withPDObeingmoreflexibleduetosupportingmultipledatabas
