ajax实现分页

使用pagination分页插件实现Ajax动态分页 pagination插件下载地址:https://pan.baidu.com/s/1c3QQ7XQ 一、前言       做的一个列表页要将所有结果显示出来,太多记录不能一次性显示,所以要进行分页。一开始尝试自己写,但功能不完整(不会做太多页码的时候隐藏部分页码用省略号代替),于是找了这个插件来用。   二、使用方法 我们先来看看这款插件基本的使用方法: 1.先引入JQ和J 阅读详情
ajax.js代码:
 
var http_request=false;
function send_request(url)
{
 http_request=false;
 //开始初始化XMLHttp对象
 if(window.XMLHttpRequest){//MOILLA浏览器
  
    http_request=new XMLHttpRequest();
    if(http_request.overrideMimeType){
       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.getElementById(reobj).innerHTML=http_request.responseText;
     }else{
        alert("您所请求的页面不正常");
      }
     }
 }
 function dopage(obj,url){
     document.getElementById(obj).innerHTML="正在读取数据.....";
     send_request(url);
     reobj=obj;
  }
 
myajax.php代码:
 
 
<?php
 header("Content-type:text/html;charset=gb2312");
?>
<html>
 <head>
    <title>ajax分页</title>
 <script src="ajax.js"></script>
<style>
  .d{font-size:13px}
  table{font-size:14px}
  a{ text-decoration:none}
</style>
 </head>
 <body>
    <div id="result" class="d">
   <?php
      $page=isset($_GET["page"])?intval($_GET["page"]):1;
   $num=3;   //每页显示3条数据
   $link=mysql_connect("localhost","root","8821") or die("数据库连接失败".mysql_error());
   mysql_select_db("page") or die("数据库选择失败".mysql_error());
   mysql_query("set names 'gb2312'");
   $result=mysql_query("select * from student");
   $total=mysql_num_rows($result);//查询所有数据
   $url="myajax.php";  //获取本页url
   //页码计算
   $pagenum=ceil($total/$num);  //获得总页数,也是最后一页
   $page=min($pagenum,$page); //获得首页
   $prepg=$page-1;//上一页
   $nextpg=($page==$pagenum?0:$page+1);//下一页
   $offset=($page-1)*$num;
   //开始分页导航代码
   $pagenav="显示第<b>".($total?($offset+1):0)."<b>-<b>".min($offset+3,$total)."<b>条记录,共".$total."条记录$nbsp;";
   //如果只有一页则跳出函数
   if($pagenum<=1) return false;
   $pagenav.="<a href=javascript:dopage('result','$url?page=1');>首页</a>--";
   if($prepg)$pagenav.="<a href=javascript:dopage('result','$url?page=$prepg');>前页--</a>";else $pagenav.="前页--";
   if($nextpg)$pagenav.="<a href=javascript:dopage('result','$url?page=$nextpg');>后页--</a>";else $pagenav.="后页--";
   $pagenav.="<a href=javascript:dopage('result','$url?page=$pagenum');>尾页</a> ";
   $pagenav.="</select>共".$pagenum."页";
   if($page>$pagenum){  //假如传入的页面参数大于总页数  则现实错误信息
       echo "can not found the page".$page;
    exit;
   }
   $info=mysql_query("select * from student limit $offset,$num");
   echo "<table border=3>";
   while($it=mysql_fetch_array($info)){
     echo "<tr>";
     echo "<td>".$it["id"]."</td>";
     echo "<td>".$it["name"]."</td>";
     echo "<td>".$it["age"]."</td>";
     echo "<td>".$it["email"]."</td>";
     echo "</tr>";
   }
   echo "</table>";
   echo "<br>";
   echo $pagenav;
   ?>
 </div>
 </body>
</html>
学习Ajax实现高效无刷新分页技术 本文还有配套的精品资源,点击获取 简介:在网页开发中,为了提高用户体验和页面性能,常常需要实现无刷新分页功能。Ajax技术使这一功能成为可能,它通过异步请求服务器以少量数据交换的方式,更新页面的部分内容而不必重载整个页面。本文深入讲解了使用Ajax实现无刷新分页的步骤,包括创建HTML分页结构、编写JavaScript监听和触发分页按钮事件、构造和发送Ajax请求、处理服务... 阅读详情

相关推荐

JSP环境下的AJAX动态分页实现教程

AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个页面的情况下,能够更新部分网页的技术。它允许Web页面异步(即在不阻塞用户操作的情况下)与服务器交换数据并更新部分网页内容。AJAX结合了HTML或 XHTML、CSS、JavaScript、DOM 和 XML等技术,使得开发者可以创建出更加动态、交互性强的Web应用程序。在Web开发中,传统的同步请求是指客户端向服务器发送一个请求后,必须等待服务器响应后,才能继续执行后续的代码逻辑。

weixin_31176789的博客 1316

ajax 如何实现分页功能

这里用ajax简单的实现一下分页功能,作为一个例子ajax实现分页,首先需要工具类,Page.java,如下:package com.feelingsys.bean;/** * Page * @author LIU * @version 1.0 2017-09-28 */ public class Page { /** * 总记录数 */ private i

程序人生 7697

ajax实现分页和分页查询

本文主要介绍了ajax实现分页和分页查询的相关知识,具有很好的参考价值,下面跟着小编一起来看下吧

Ajax做分页

用这种ajax做分页的方法比较简单,把代码直接复制就可以,然后根据实际更改一下里面的参数。 1.设置分页显示显示的样式,显示效果如下。   &lt;style type="text/css"&gt; *{ margin:0px auto; padding:0px; font-family:"微软雅黑"} .b3{ list-style:none; width:400px; height:3...

wangjia_520的博客 1283

Ajax读取数据之分页显示篇实现代码

我觉得还是有必要把我的ajax分页呈现给大家.我先讲一下这个ajax分页的实现核心,然后我们再看实例效果.所谓的ajax分页与传统的数据分页,在服务端的代码基本上是一样的.我们主要做的是使用ajax在不刷新的情况下,将请求的页码,和每页要显示的条数发送给服务端的处理网页.大家点击这个网址就可以看到要请求的数据:”ajax_page.asp?action=read&pagecount=3 & current_page=1″ 在这段URL里,pagecount代表每页要显示几条数据,current_page代表要请求的页码.服务端就是根据这两个参数来传回你想要请求的数据.下面我们看下实例效果: 这

jQuery实现分页功能(含ajax请求、后台数据、附完整demo)

主要给大家介绍了关于jQuery实现分页功能的相关资料,主要包含ajax请求和后台数据,文末给出了完整的demo示例,对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。

Django和jQuery,实现Ajax表格数据分页展示

需要考虑一个问题:在前端上的分页按钮是有样式的,且样式是根据后端返回的参数进行判断,最终决定给哪一个分页按钮增加样式,为了避免分页数据可以正常获取,但是分页样式不会改变,基于这个问题进行思考,最后的解决方法是:将分页部分的代码也通过Ajax进行渲染。当存在重新请求接口才能返回数据的功能时,若页面的内容很长,每次点击一个功能,页面又回到了顶部,对于用户的体验感不太友好,我们希望当用户点击这类的功能时,能直接加载到数据,请求后端的操作不会呈现在前端,给用户一种无感知的状态。Key的数据渲染到分页的div中。

weixin_69999177的博客 2428

jQuery+Ajax实现无刷新分页

主要介绍了jQuery+Ajax实现无刷新分页,本文使用的生成分页的工具条是jquery.pagination.js,感兴趣的小伙伴们可以参考一下

ajax实现分页操作

利用ajax请求数据的特点,来实现分页操作。

蒙悦纳的博客 1787

STM32-printf重定向串口输出

声明 本文内容转载至https://www.mculover666.cn/posts/2251182441/ 1.printf与fputc printf 定义在 <stdio.h> 头文件中,如下: int printf(const char *format, ...); printf 函数根据 format 字符串给出的格式打印输出到 stdout(标准输出)中,当然,printf 函数是不会一个字符一个字符去输出,它会调用更底层的 I/O 函数:fputc去逐个字符打印。 fputc 也定

qq_41215167的博客 4539

YIUI框架深度解析:基于ET的数据驱动UI开发实践

在Unity游戏开发中,UI管理是构建复杂应用的核心挑战之一。传统命令式编程需要开发者手动操作每个UI组件,导致业务逻辑与视图层高度耦合,代码难以维护。数据驱动是一种先进的架构思想,它通过建立数据模型与UI组件之间的绑定关系,实现数据变化时UI的自动更新,从而将开发者的关注点从“如何操作UI”转移到“数据状态是什么”。这种模式显著提升了代码的可维护性和开发效率,尤其适用于状态频繁变化的游戏界面。YIUI框架正是这一思想在Unity UGUI上的工程化实践,它通过Model-View-Component的清晰

java天气 431

html ajax实现分页代码,使用AJAX实现分页

本文实例为大家分享了AJAX实现分页展示的具体代码,供大家参考,具体内容如下Fenye.html分页/*** AJAX* 1.创建ajax对象* 2.建立连接* 3.判断ajax准备状态及状态码* 4.发送请求*/function showList(pageNow){//创建ajax对象var xmlHttp = new XMLHttpRequest();//建立连接xmlHttp.open('g...

weixin_30253771的博客 458

VSCODE 安装LATEX环境,参数配置,常见问题解决

1 准备Texlive安装包 可以从以下网址下载 texlive 的镜像文件: 华为镜像 阿里镜像 官网 网址中大概文件构成 下载完后我们需要的文件构成(我是2020年下载过了,这次就不重新下载了) 将这个镜像文件进行解压 2 安装Texlive 右键install-tl-windows.bat,单击以管理员身份运行,进入安装界面. 点击左下角的“Advanced”进入高级安装来取消你不需要安装的宏包。 点击“Customize”来取消勾选不需要的宏包。 单是把非中英的语言包取消勾选可以省掉 1G

呆呆象呆呆的博客 6万+

ajax分页功能实现php,使用AJAX实现分页功能

这次给大家带来使用AJAX实现分页功能,使用AJAX实现分页功能的注意事项有哪些,下面就是实战案例,一起来看一下。最近写一个给用户组添加角色的功能,要求一边是未添加的角色,一边是已添加的角色,还有搜索功能, 点击添加后,ajax保存操作.考虑功能为待查询功能分页 , 下方分页条, 一共有 2*2 ,4个ajax…JS代码如下:$(document).ready(function() {App.in...

weixin_36319219的博客 174

TP4054充电电路发热严重?手把手教你调整电阻值降低温度(附实测数据)

本文针对TP4054锂电池充电电路发热严重的问题,提供了详细的排错与解决方案。通过分析发热原理,指出核心在于PROG引脚电阻值设定,并手把手指导如何计算和选择正确的电阻以降低充电电流与温度。文末附有不同电阻下的实测温度与性能数据,为电子爱好者和工程师提供了实用的调试参考。

p4q5r6s7t的博客 406

AI智算-K8s+vLLM & Ray:DeepSeek-r1 671B 满血版分布式推理部署实践

自从上次发布 【AI-智算】K8s+SGLang实战:DeepSeek-r1:671b满血版多机多卡私有化部署全攻略] 文章后,本次将演示另一个主流推理引擎工具——vLLM,结合K8s、LWS、Ray、Volcano等技术栈,部署DeepSeek-r1 671b 满血版分布式推理集群,并对比其与SGLang推理引擎的性能表现。

Kason_iWiki 1825

java ajax实现分页代码_[Java教程]使用AJAX实现分页

[Java教程]使用AJAX实现分页02017-04-21 00:00:33Fenye.html 分页/*** AJAX* 1.创建ajax对象* 2.建立连接* 3.判断ajax准备状态及状态码* 4.发送请求*/function showList(pageNow){ //创建ajax对象 var = new //建立连接 'get','./AJAX_Fenye.php?pageNow=...

weixin_42421187的博客 229

【CASS精品教程】035:南方CASS7.1台阶画法案例大全

摘要:本文详细介绍了南方CASS7.1软件中5种台阶工具的使用方法,包括普通台阶、有边台阶、L型台阶、U型台阶和不规则台阶。重点说明各类台阶的绘制步骤和注意事项,如绘制方向(从右下角逆时针连接4个点)、台阶方向标识(白色边为下边)、台阶数自动生成不可更改等特性。同时指出高版本CASS可能存在操作差异,并配以多张示意图直观展示各类台阶的绘制过程和效果,为使用CASS7.1绘制建筑台阶提供了实用指导。(148字)

智慧空间实验室 2921

使用AJAX实现分页

Fenye.html <!DOCTYPE html> <html> <head> <title>分页</title> </head> <script type="text/javascript...

QDY5945的博客 270

AI Agent在核电站安全监控中的应用

核电站作为一种高效的能源生产设施,其安全问题一直是全球关注的焦点。任何安全事故都可能导致严重的人员伤亡、环境污染和经济损失。传统的核电站安全监控系统主要依赖于人工操作和固定规则的监控算法,存在监控效率低、无法实时应对复杂情况等问题。本文章的目的在于探讨如何利用AI Agent技术提升核电站安全监控的智能化水平,实现实时、准确的监测和智能决策。范围涵盖了AI Agent的基本原理、在核电站安全监控中的应用场景、相关算法和数学模型,以及实际项目的开发和应用。

AGI×大数据,开启智能时代的认知跃迁;解码AGI,赋能数据驱动的智能革命。 371

Holosoma 开源人形机器人强化学习训练部署框架

Holosoma是一个综合性人形机器人框架,支持强化学习策略的训练、部署和动作重定位。该框架兼容多种模拟器(IsaacGym、IsaacSim、MuJoCo等)和机器人(Unitree G1、Booster T1),提供运动控制和全身追踪功能。主要特性包括:跨模拟器训练评估、Wandb集成、多GPU支持、自定义奖励权重和观测噪声配置。推理模块支持实体机器人部署和MuJoCo仿真测试。动作重定位工具可将人体动作数据转换为机器人动作,支持单序列和批量处理。文档详细介绍了训练配置、评估方法和高级功能,如课程学习和

2506_90492529的博客 1828

使用ajax实现页面分页

分页 : 实现一个分页的步骤 :     服务器需要知道的有 : 每一页有多少数据 : pageSize     // 可以自己设置每页显示多少数据 一共有多少数据 : totalRecord    // 通过查询数据库获取 selece count(*) from xxx 当前页码 : pageNum              // 通过浏览器传入 查询条件 : condition 

Nice_try_lp的博客 3036

VC中sqlite的使用

在VC中对sqlite的使用,实现数据库大批数据的快速插入,读取数据库中的数据在ListCtrl中显示

java使用AJAX实现数据分页

4.2 使用AJAX实现分页 4.2.1 需求 需要将分页数据通过ajax的方式进行分页,实现只变更部分数据的功能. 4.2.2 实现原理 1.设置Servlet的response的格式为application/json, 2.借助于jackson库的ObjectMapper类将分页数据转换为json字符串的形式. 3.使用response的writer写出内容. 4.在前端jsp页面接收数据,并...

weixin_43354959的博客 3473

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android:LinePhone3.2.7(最新版本),官网地址:http://www.linphone.org/

android 蓝牙通讯demo

android 下蓝牙通讯demo,实现了发现蓝牙,使能蓝牙,通过蓝牙发送消息。

java ajax无刷分页_简单实现Ajax无刷新分页效果

Ajax无刷新分页效果,如下代码实现Ajax无刷新分页效果function showpage(url) {var xhr = new XMLHttpRequest();xhr.onreadystatechange = function () {if (xhr.readyState == 4) {document.getElementById("result").innerHTML = xhr.re...

weixin_30666313的博客 979

IDEA的使用指南

IDEA基于java的使用手册,可以最快速的上手,在使用中不断的丰富自己的使用技巧.

上一篇: ajax+php实例
下一篇: mysql中的数据统计方法
平凡的Mac
博客等级 码龄14年 20粉丝 77原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值