AJAX+js+dom+php+mysql分页

最新推荐文章于 2024-08-31 23:40:08 发布
最新推荐文章于 2024-08-31 23:40:08 发布
阅读量612 收藏
点赞数
文章标签： mysql php ajax javascript xhtml google
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhangwei10php/article/details/7322179
版权
 

<?php
include "./include/dbConn.php";
//定义当前页
if(isset($_GET['np'])){
$nowPage=$_GET['np'];
}else{
 $nowPage=1;
 
 }
//查询数据库，得到总的记录数
$rs=mysql_query("select count(*) from area");
$rowNum=mysql_result($rs,0);
//总页数=上取整（总记录数、每页的大小）
$Pages=ceil($rowNum/$F_PAGESIZE);
/*
几个关键的变量：当前页 总页数  每页大小
*/


?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ajax+js+dom+php+mysql实现仿百度、google的超强分页效果</title>
<script language="javascript" type="text/javascript" src="./include/ajaxUtil.js">

</script>


<style>
#tab{
 margin:auto auto;
 border-collapse:collapse;
 }
#content{
 height:400px;
 width:750px;
 background-color:#FCF;
 border:1px dashed #6FF;
 }
#pageNum{
 height:20px;
 text-align:center;
 width:750px;
 background-color:#CCC;
 border:1px dashed #6FF;
 }
</style>
<script language="javascript" type="text/javascript">
//-------------------显示页码部分开始-----------
function initPages(){
 /*做几件事情
 1、定义当前页 解决在javascript使用PHP中定义的变量？
 2、定义开始页
 3、定义最终页（结束页）
 4、定义总页数
 */
 //1、定义当前页 解决在javascript使用PHP中定义的变量？
 var nowPage=<?php echo $nowPage;  ?>
 //定义开始页
 var startPage=1;
 //定义结束页
 var endPage=<?php echo $Pages;  ?>
 //定义一个总页数
 var pages=<?php echo $Pages;  ?>
 //当总页数大于11的时候，设定起始页和结束页
 if(pages>11){
  //要设定起始页码
  if(nowPage-10>0){
   //如果当前页-10>0则设置起始页=当前也-10设置，古设置startPage=1
   startPage=nowPage-10;
   
   }
  //设定结束页
  if(nowPage+9<pages){
   //如果当前页+9>总页数,则设定结束页为当前页+9 否则设定结束页等于总页数
   endPage=nowPage+9;
   
   }else{
    endPage=pages;
    
    }
    
 }
    var pageNumStr="";
    //判断什么时候显示上一页
    if(nowPage!=1){
     pageNumStr+="<a href='paging.php?np="+(nowPage-1)+"'>上一页</a>";
     }
    //for循环读出页码
   for(var i=startPage;i<=endPage;i++){
   //判断是否当前页，如果是当前页，让该页码加粗
  if(nowPage==i){
   //如果当前页，则加粗显示
   pageNumStr+="&nbsp;<b><font color='red'>"+i+"</font></b>";;
  
   }else{
  pageNumStr+="&nbsp;<a href='Paging.php?np="+i+"'>"+i+"</a>";
   
    }
   
  }
  //判断什么时候显示下一页
    if(nowPage<pages){
     pageNumStr+="<a href='paging.php?np="+(nowPage+1)+"'>下一页</a>";
     }
 
  $$("pageNum").innerHTML=pageNumStr;
  
}
 
</script>
</head>

<body οnlοad="initPages()">
<table id="tab" width="300" border="1" cellpadding="0">
<caption>Ajax+js+dom+php+mysql实现仿百度、google的超强分页效果</caption>
  <tr>
    <td>
    <div id="content"></div>
    </td>
  </tr>
  <tr>
    <td>
    <div id="pageNum"></div>
    </td>
  </tr>
</table>

</body>
</html>

zhangwei10php
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery+Ajax+PHP+Mysql实现分页显示数据
11-06
用jQuery，结合PHP和Mysql，通过实例讲解如何实现Ajax数据加载效果。
jq.ajax+php+mysql实现分页显示数据
12-21
总结来说，实现“jq.ajax+php+mysql实现分页显示数据”的过程主要包括：前端使用jQuery的AJAX发送请求，PHP后端处理请求并从MySQL数据库获取分页数据，再将数据转化为JSON返回给前端，前端解析JSON并动态更新页面。...
mysql+php+ajax实现分页查询（JSON拼接）
spfLinux的博客
11-12 1012
前端： common.js function $(id) { return document.getElementById(id); } function createXhr(){ var xhr; if(window.XMLHttpRequest){ xhr = new XMLHttpRequest(); }else{
php+MySQL简单的网页分页功能
BRPROUD的专栏
12-05 831
网上找的代码，自己改了改，效果有些简单粗陋 环境：win7 mysql5.6.21 php5.5 apache2.4 目的：实现效果如下图 第一步：Apache服务开启，数据库开启 第二步：代码如下：
js分页特效结合php,Ajax+js+dom+json+php+mysql实现仿百度、google超强分页效果
weixin_39975810的博客
03-18 95
/*几个关键的变量： 当前页 总页数 吗，每页大小*///定义当前页include "./include/dbConn.php";if(isset($_GET['np'])){$nowPage=$_GET['np'];}else{$nowPage=1;}//查询数据库 得到总的记录数$rs=mysql_query("select count(*)from area");$rowNum=mysql_...
ajax+php程序设计实战详解,Ajax+PHP程序设计实战详解
weixin_35884307的博客
03-18 173
第1篇 PHP基础篇第1章 PHP入门1.1 PHP概述1.1.1 PHP产生和发展1.1.2 PHP介绍1.2 搭建PHP环境1.2.1 安装Apache和PHP1.2.2 测试PHP环境1.2.3 使用PHP帮助文档1.3 PHP配置指令介绍1.3.1 管理PHP的配置指令1.3.2 PHP的配置指令1.4 PHP简单例子第2章 PHP基础语法2.1 PHP脚本基础2.1.1 嵌入PHP代码2...
json 分页 php,ajax+js+dom+json+php+mysql实现仿百度、google的分页效果
weixin_31316383的博客
03-10 62
include "../../include/dbConn.php";//几个关键的变量 当前页 总页数 每页大小//定义当前页if(isset($_GET['np'])){$nowPage=$_GET['np'];}else{$nowPage=1;}//查询数据库，得到总的记录数$rs=mysql_query("select count(*) from area");$rowNum=mysq...
php ajax mysql 分页查询_基于PHP_MySql_Ajax的分页技术方案
weixin_35039377的博客
02-02 175
一、引言Ａｊａｘ的全称是ＡｓｙｎｃｈｒｏｎｏｕｓＪａｖａＳｃｒｉｐｔＡｎｄＸＭＬ(异步ＪａｖａＳｃｒｉｐｔ和ＸＭＬ)，它不是一项新技术，而是很多成熟的技术的集合。和Ａｐｐｌｅｔ，Ｆｌａｓｈ相比，Ａｊａｘ则是一种轻量级的解决方案。因为它操作的基础是ＨＴＭＬ或者是ＸＨＴＭＬ，使用的脚本语言是ＪａｖａＳｃｒｉｐｔ，这可以保证它的纯文本性质；利用ＸＭＬ，Ａｊａｘ可以和其他应用程序方便的进行通信。Ａｊａｘ可...
Jquery+Ajax+PHP+MySQL实现分类列表管理(上)
10-23
在介绍知识点之前，需要明确本文的目的是帮助理解如何使用Jquery、Ajax、PHP和MySQL来实现一个客户分类列表的管理系统。该系统主要涉及客户分类数据的展示以及增加、删除和修改等操作。这些操作通过Ajax异步请求与...
php+mysql+ajax实例
01-19
例如，用户在前端输入查询条件，JavaScript通过AJAX将这些数据发送到PHP脚本，PHP脚本查询MySQL数据库并返回结果，再由JavaScript更新页面上的数据。 7. **应用场景** 这种组合常用于实时聊天应用、新闻发布系统、...
Ajax+jsp+MySQL实现动态树形菜单
01-25
本项目利用Ajax、jsp和MySQL技术来实现这种功能，提供了异步数据加载和交互的能力，极大地提升了用户体验。 首先，我们需要了解Ajax（Asynchronous JavaScript and XML），它是一种在不重新加载整个网页的情况下...
ajax+js+dom+json+php+mysql实现仿百度、google的分页效果
IT忍者神龟
06-20 1474
include "../../include/dbConn.php"; //几个关键的变量 当前页  总页数  每页大小 //定义当前页 if(isset($_GET['np'])){   $nowPage=$_GET['np']; }else{   $nowPage=1; } //查询数据库，得到总的记录数 $rs=mysql_query("select count(*) fr
mysql-day02
m0_64370841的博客
08-29 1666
【代码】mysql-day02。
如何在 MySQL 中使用 Socket 身份验证 ？
xiaochong0302的博客
08-31 307
在 MySQL 和 MariaDB 中，可以使用 socket 身份验证，而不是传统的用户名和密码组合。这种方法既安全又方便，因为它使用的是操作系统的用户凭证。
MySQL——多表操作（四）子查询（5）带比较运算符的子查询
PAP
08-28 877
MySQL——子查询（5）带比较运算符的子查询
【MySQL】索引使用规则——（覆盖索引，单列索引，联合索引，前缀索引，SQL提示，数据分布影响，查询失效情况）
最新发布
YYDsis的博客
08-31 794
一.索引使用规则 ※.验证索引效率提升 1.覆盖索引——查询使用了索引，并且需要返回的列，在该索引中已经全部能够找到2.单列索引＆联合索引3.前缀索引——解决冗长字符串与索引问题【1】前缀索引＆索引选择性的介绍【2】前缀索引创建演示：5.SQL提示——指定某个索引/忽略索引/强制索引 6.数据分布影响——MySQL自我评估7.查询失效的几种情况【1】违背——最左前缀法则(联合索引)【2】范围查询右侧失效【3】用or分割开的条件，or后面没索引，所有索引失效【4】索引列上进行运算操作，索引
使用jq.ajax+PHP+MySQL实现关键词模糊查询教程
"b应用程序-jq.ajax+php+mysql实现关键字模糊查询(示例讲解)" 本文主要介绍了如何使用jQuery的ajax函数结合PHP和MySQL数据库来实现一个关键字模糊查询功能。在Web开发中，模糊查询允许用户输入部分关键词，系统就能...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值