-
php Ajax分页简单应用实例
本文章利用Ajax分页来简单讲述一下如何利用php与ajax实现数据无刷新分页功能,有需要的朋友可参考一下。
简单的mysql数据表结构,代码如下:
- CREATE TABLE messages
- (
- msg_id INT PRIMARY KEY AUTO_INCREMENT,
- message VARCHAR(150)
- );
JavaScript代码,这里是ajax前段利用jquery来处理,代码如下:
- <script type="text/javascript" src="http://ajax.googleapis.com/
- ajax/libs/jquery/1.4.2/jquery.min.js"></script>
- <script type="text/javascript">
- $(document).ready(function()
- {
- function loading_show()
- {
- $('#loading').html("<img src='images/loading.gif'/>").fadeIn('fast');
- }
- function loading_hide()
- {
- $('#loading').fadeOut();
- }
- function loadData(page)
- {
- loading_show();
- $.ajax
- ({
- type: "POST",
- url: "load_data.php",
- data: "page="+page,
- success: function(msg)
- {
- $("#container").ajaxComplete(function(event, request, settings)
- {
- loading_hide();
- $("#container").html(msg);
- });
- }
- });
- }
- loadData(1); // For first time page load default results
- $('#container .pagination li.active').live('click',function(){
- var page = $(this).attr('p');
- loadData(page);
- });
- });
- </script>
load_data.php,这里是获取由ajax发送的数据然后经过php查询mysql返回信息,代码如下:
- <?php
- if($_POST['page'])
- {
- $page = $_POST['page'];
- $cur_page = $page;
- $page -= 1;
- $per_page = 15; // Per page records
- $previous_btn = true;
- $next_btn = true;
- $first_btn = true;
- $last_btn = true;
- $start = $page * $per_page;
- include"db.php";
- $query_pag_data = "SELECT msg_id,message from messages LIMIT $start, $per_page";
- $result_pag_data = mysql_query($query_pag_data) or die('MySql Error' . mysql_error());
- $msg = "";
- while ($row = mysql_fetch_array($result_pag_data))
- {
- $htmlmsg=htmlentities($row['message']); //HTML entries filter
- $msg .= "<li><b>" . $row['msg_id'] . "</b> " . $htmlmsg . "</li>";
- }
- $msg = "<div class='data'><ul>" . $msg . "</ul></div>"; // Content for Data
- /* -----Total count--- */
- $query_pag_num = "SELECT COUNT(*) AS count FROM messages"; // Total records
- $result_pag_num = mysql_query($query_pag_num);
- $row = mysql_fetch_array($result_pag_num);
- $count = $row['count'];
- $no_of_paginations = ceil($count / $per_page);
- /* -----Calculating the starting and endign values for the loop----- */
- //Some Code. Available in download script
- }
- ?>
出处:http://www.phpfensi.com/php/20140116/1399.html
栏目列表
最新更新
nodejs爬虫
Python正则表达式完全指南
爬取豆瓣Top250图书数据
shp 地图文件批量添加字段
爬虫小试牛刀(爬取学校通知公告)
【python基础】函数-初识函数
【python基础】函数-返回值
HTTP请求:requests模块基础使用必知必会
Python初学者友好丨详解参数传递类型
如何有效管理爬虫流量?
SQL SERVER中递归
2个场景实例讲解GaussDB(DWS)基表统计信息估
常用的 SQL Server 关键字及其含义
动手分析SQL Server中的事务中使用的锁
openGauss内核分析:SQL by pass & 经典执行
一招教你如何高效批量导入与更新数据
天天写SQL,这些神奇的特性你知道吗?
openGauss内核分析:执行计划生成
[IM002]Navicat ODBC驱动器管理器 未发现数据
初入Sql Server 之 存储过程的简单使用
这是目前我见过最好的跨域解决方案!
减少回流与重绘
减少回流与重绘
如何使用KrpanoToolJS在浏览器切图
performance.now() 与 Date.now() 对比
一款纯 JS 实现的轻量化图片编辑器
关于开发 VS Code 插件遇到的 workbench.scm.
前端设计模式——观察者模式
前端设计模式——中介者模式
创建型-原型模式