php+ajax无刷新分页实例详解-6ren

php+ajax无刷新分页实例详解

转载作者：qq735679552 更新时间：2022-09-28 22:32:09

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章php+ajax无刷新分页实例详解由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

本文实例讲述了php+ajax无刷新分页实现方法。分享给大家供大家参考，具体如下:

ajax_page_show_userinfo.php页面如下:

 
    ? 
   
 
     
       
       
         <meta  
         'Content:text/html;charset=utf-8' 
         ></meta> 
        
 
         <title>ajax分页演示</title> 
        
 
         <script language= 
         "javascript" 
         src= 
         "js/ajaxpage.js" 
         ></script> 
        
 
         <div id= 
         "result" 
         > 
        
 
         <?php 
        
 
         $db 
         =mysql_connect( 
         "localhost" 
         , 
         "root" 
         , 
         "123456" 
         ); 
        
 
         mysql_select_db( 
         "register" 
         ); 
        
 
         mysql_query( 
         "set names 'utf-8'" 
         ); 
        
 
         $result 
         =mysql_query( 
         "select * from user" 
         ); 
        
 
         $total 
         =mysql_num_rows( 
         $result 
         )  
         or 
         die 
         (mysql_error()); 
        
 
         $page 
         =isset( 
         $_GET 
         [ 
         'page' 
         ])? 
         intval 
         ( 
         $_GET 
         [ 
         'page' 
         ]):1; 
        
 
         $page_size 
         =5; 
        
 
         $url 
         = 
         'ajax_page_show_userinfo.php' 
         ; 
        
 
         $pagenum 
         = 
         ceil 
         ( 
         $total 
         / 
         $page_size 
         ); 
        
 
         $page 
         =min( 
         $pagenum 
         , 
         $page 
         ); 
        
 
         $prepage 
         = 
         $page 
         -1; 
        
 
         $nextpage 
         =( 
         $page 
         == 
         $pagenum 
         ?0: 
         $page 
         +1); 
        
 
         $pageset 
         =( 
         $page 
         -1)* 
         $page_size 
         ; 
        
 
         $pagenav 
         .= 
         "显示第" 
         .( 
         $total 
         ?( 
         $pageset 
         +1):0). 
         "-" 
         .min( 
         $pageset 
         +5, 
         $total 
         ). 
         "记录&nbsp;共<b>" 
         . 
         $total 
         . 
         "</b>条记录&nbsp;现在是第&nbsp;<b>" 
         . 
         $page 
         . 
         "</b>&nbsp;页&nbsp;" 
         ; 
        
 
         if 
         ( 
         $page 
         <=1) 
        
 
         $pagenav 
         .= 
         "<a style=cursor:not-allowed;>首页</a>&nbsp;" 
         ; 
        
 
         else 
        
 
         $pagenav 
         .= 
         "<a onclick=javascript:dopage('result','$url?page=1') style=cursor:pointer;>首页</a>&nbsp;" 
         ; 
        
 
         if 
         ( 
         $prepage 
         ) 
        
 
         $pagenav 
         .= 
         "<a onclick=javascript:dopage('result','$url?page=$prepage') style=cursor:pointer;>上一页</a>&nbsp;" 
         ; 
        
 
         else 
        
 
         $pagenav 
         .= 
         "<a style=cursor:not-allowed;>上一页</a>&nbsp;" 
         ; 
        
 
         if 
         ( 
         $nextpage 
         ) 
        
 
         $pagenav 
         .= 
         "<a onclick=javascript:dopage('result','$url?page=$nextpage') style=cursor:pointer;>下一页</a>&nbsp;" 
         ; 
        
 
         else 
        
 
         $pagenav 
         .= 
         "<a style=cursor:not-allowed;>下一页</a>&nbsp;" 
         ; 
        
 
         if 
         ( 
         $pagenum 
         ) 
        
 
         $pagenav 
         .= 
         "<a onclick=javascript:dopage('result','$url?page=$pagenum') style=cursor:pointer;>尾页</a>&nbsp;" 
         ; 
        
 
         else 
        
 
         $pagenav 
         .= 
         "<a style=cursor:not-allowed;>尾页</a>&nbsp;" 
         ; 
        
 
         $pagenav 
         .= 
         "共" 
         . 
         $pagenum 
         . 
         "页" 
         ; 
        
 
         if 
         ( 
         $page 
         > 
         $pagenum 
         ){ 
        
 
            
         echo 
         "error:没有此页" 
         . 
         $page 
         ; 
        
 
            
         exit 
         (); 
        
 
         } 
        
 
         ?> 
        
 
         <table align= 
         "center" 
         border= 
         "2" 
         width= 
         "300" 
         > 
        
 
           
         <tr bgcolor= 
         "#cccccc" 
         align= 
         "center" 
         > 
        
 
            
         <td>用户名</td> 
        
 
            
         <td>用户密码</td> 
        
 
           
         </tr> 
        
 
         <?php 
        
 
         $info 
         =mysql_query( 
         "select * from user limit $pageset,$page_size" 
         ); 
        
 
         while 
         ( 
         $array 
         =mysql_fetch_array( 
         $info 
         )){ 
        
 
         ?> 
        
 
           
         <tr align= 
         "center" 
         > 
        
 
            
         <td><?php  
         echo 
         $array 
         [ 
         'username' 
         ];?></td> 
        
 
            
         <td><?php  
         echo 
         $array 
         [ 
         'password' 
         ];?></td> 
        
 
           
         </tr> 
        
 
         <?php   
        
 
         } 
        
 
         ?> 
        
 
         </table> 
        
 
         <?php 
        
 
         echo 
         "<p align=center>$pagenav</p>" 
         ; 
        
 
         ?> 
        
 
         </div> 
        
 
     
 
   

js文件下的ajaxpage.js:

 
    ? 
   
         var 
         http_request= 
         false 
         ; 
        
         function 
         send_request(url){ 
         //初始化，指定处理函数，发送请求的函数 
        
         http_request= 
         false 
         ; 
        
         //开始初始化XMLHttpRequest对象 
        
         if 
         (window.XMLHttpRequest){ 
         //Mozilla浏览器 
        
         http_request= 
         new 
         XMLHttpRequest(); 
        
         if 
         (http_request.overrideMimeType){ 
         //设置MIME类别 
        
         http_request.overrideMimeType( 
         "text/xml" 
         ); 
        
         } 
        
         } 
        
         else 
         if 
         (window.ActiveXObject){ 
         //IE浏览器 
        
         try 
         { 
        
         http_request= 
         new 
         ActiveXObject( 
         "Msxml2.XMLHttp" 
         ); 
        
         } 
         catch 
         (e){ 
        
         try 
         { 
        
         http_request= 
         new 
         ActiveXobject( 
         "Microsoft.XMLHttp" 
         ); 
        
         } 
         catch 
         (e){} 
        
         } 
        
         } 
        
         if 
         (!http_request){ 
         //异常，创建对象实例失败 
        
         window.alert( 
         "创建XMLHttp对象失败！" 
         ); 
        
         return 
         false 
         ; 
        
         } 
        
         http_request.onreadystatechange=processrequest; 
        
         //确定发送请求方式，URL，及是否同步执行下段代码 
        
         http_request.open( 
         "GET" 
         ,url, 
         true 
         ); 
        
         http_request.send( 
         null 
         ); 
        
         } 
        
         //处理返回信息的函数 
        
         function 
         processrequest(){ 
        
         if 
         (http_request.readyState==4){ 
         //判断对象状态 
        
         if 
         (http_request.status==200){ 
         //信息已成功返回，开始处理信息 
        
         document.getElementByIdx(reobj).innerHTML=http_request.responseText; 
        
         } 
        
         else 
         { 
         //页面不正常 
        
         alert( 
         "您所请求的页面不正常！" 
         ); 
        
         } 
        
         } 
        
         } 
        
         function 
         dopage(obj,url){ 
        
         //document.getElementByIdx(obj).innerHTML="正在读取数据..."; 
        
         send_request(url); 
        
         reobj=obj; 
        
         }

希望本文所述对大家PHP程序设计有所帮助.

最后此篇关于php+ajax无刷新分页实例详解的文章就讲到这里了,如果你想了解更多关于php+ajax无刷新分页实例详解的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！。

文章推荐：霸气的女生个性QQ签名人生的路还长

文章推荐： java 中ThreadPoolExecutor原理分析

文章推荐：女生qq个性签名装逼只是瞬间，不要脸那才是永恒

文章推荐： 64位windows系统下安装Memcache缓存

ajax - Comet, Ajax Push, Reverse Ajax
有人有 Comet 应用程序 .net 的任何样本吗？我需要一个示例如何在服务器中保持客户端的连接？最佳答案这里也有一些不错的: http://www.frozenmountain.com/we
ajax - Yii2:ajax 提交表单上的 ajax 表单验证
我想知道是否有 Yii2 专家可以帮助我了解如何最好地使用 ajax 表单与 Yii ajax 验证相结合。我想我可以在不带您阅读我所有代码的情况下解释这个问题。我正在处理一个促销代码输入表单，用户
ajax - Ajax 和 Jquery-Ajax 之间的区别
已关闭。此问题不符合Stack Overflow guidelines 。目前不接受答案。要求提供代码的问题必须表现出对所解决问题的最低限度的了解。包括尝试的解决方案、为什么它们不起作用以及预期结果
ajax - f :ajax and a4j:ajax? 和有什么区别吗
f:ajax 和 a4j:ajax 标记之间有什么显着差异吗？我知道 Richfaces 4 中的 a4j:ajax 基于 native f:ajax JSF2 标记，添加了一些 f:ajax 中未
ajax - 在 $.ajax() 中将数组传递给 ajax 请求
我已经尝试过这样但无法获取数组列表。它返回“null” var data=[]; data[0] = '1'; data[1] = '2'; $.ajax({
ajax - jQuery.ajax 和 $.ajax 是一样的吗？
在教程中可以看到 jQuery.ajax 和 $.ajax 喜欢这里 http://www.thekludge.com/form-auto-save-with-jquery-serialize/ jQ
ajax - Ajax 会降低性能吗？
过度使用 AJAX 会影响性能吗？在大型 Web 应用程序的上下文中，您如何处理 AJAX 请求以控制异步请求？最佳答案过度使用任何东西都会降低性能；在必要时使用 AJAX 将提高性能，特别是如果
ajax - 使用 Ext.Ajax.request 的跨域 Ajax
似乎我无法使用 Ext.Ajax.request 进行跨域 ajax 调用。看起来 ScriptTag: True 没有任何效果。这是我的代码: {
ajax - AJAX 调用后的渲染问题
我正在使用 Bottle 微框架(但我怀疑我的问题来自它) 首先，如果我定义了一个从/test_redirect 到/x 的简单重定向，它会起作用。所以 Bottle redirect() 在简单的情
ajax - Ajax 库的比较
任何人都可以指出各种 AJAX 库的统一比较吗？我已经阅读了大约十几种不同的书，我即将开始一个项目，但我对自己是否已经探索了可能性的空间没有信心。请注意，我不是在要求“我认为 XXX 很棒”——我正
ajax - 哪些情况下不应使用 AJAX？
似乎使用 AJAX 的站点和应用程序正在迅速增长。使用 AJAX 的主要原因之一可能是增强用户体验。我担心的是，仅仅因为项目可以使用 AJAX，并不意味着它应该。可能是为了 UX，AJAX 向站点/
ajax - ajax 页面的永久链接最佳实践
假设我有一个可以通过 Javascript 自定义的“报告”页面。假设我有可以更改的 start_date、end_date 和类型(“简单”或“完整”)。现在我希望地址栏始终包含当前(自定义) V
ajax - 我是否正确理解了 Ajax？
我一直在阅读 Ajax 并且希望从 stackoverflow 社区看到我是否正确理解所有内容。因此，正常的客户端服务器交互是用户在 url 中拉出 Web 浏览器类型，并将 HTTP 请求发送到服
ajax - AJAX 可以提交基本身份验证的凭据吗？
这可能有点牵强，但让我们假设我们需要它以这种方式工作: 我在服务器的 web 根目录中有一个 index.html 文件。该文件中的 javascript 需要向/secure/ajax.php 发出
ajax - AJAX 检查用户名功能的安全性
关闭。这个问题是opinion-based .它目前不接受答案。想改进这个问题？更新问题，以便 editing this post 可以用事实和引用来回答它. 去年关闭。 Improve this
ajax - Ajax 发布后重定向
我希望ajax post成功进入主页。由于某种原因，我一直做错事。知道我应该做什么来解决这个问题吗？ window.APP_ROOT_URL = ""; Ajax $.ajax({ url: '#{a
ajax - Jquery 在第一个 ajax 函数调用完全完成后继续另一个 ajax 函数
我在 2 个不同的函数中有 2 个 ajax 调用。我想用.click来调用这2个函数。 func1 将数据插入数据库，然后 func2 检索数据，所以我的问题是如何等到 func1 完全完成然后只执
ajax - AJAX 请求时禁用按钮
我试图在单击按钮后禁用该按钮。我尝试过: $("#ajaxStart").click(function() { $("#ajaxStart").attr("disabled", true);
ajax - RAILS 6 Ajax 事件和 Ajax Spinner
我试图在每个 Ajax 请求上显示加载动画/微调器我的 application.js $(document).on("turbolinks:load", function() { window.
ajax - ajax settimeout刷新div
我正在显示使用jQplot监视数据的图形。为了刷新保存该图的div，我每5秒调用一次ajax调用(请参见下面的JavaScript摘录)。在服务器上，PHP脚本从数据库中检索数据。成功后，将在5

qq735679552

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

php+ajax无刷新分页实例详解