PHP和js做分页功能,php+js实现分页
使用onclick传递参数时,参数为空分页无效。因此无刷新页面时可利用js重新获取input的值同样通过get地址传递到分页显示的php页面。page参数接收和传递方式必须一致为post或get。
js:
function schangepage(page){
//var vuid="";
//var vudate=udate;
var vuid=searchmform.uid.value;
var vudate=searchmform.udate.value;
var duid=searchmform.uid.defaultValue;
var dudate=searchmform.udate.defaultValue;
if(vuid!=duid&&vudate==dudate)
{
var vudate="";
var changeUrl="search_mdata.php?vuid="+vuid+"&vudate="+vudate+"&page="+page;
$.get(changeUrl,function(str){
$("#meterdatapage").html(str);
});
}
if(vuid==duid&&vudate!=dudate){
var vuid="";
var changeUrl="search_mdata.php?vuid="+vuid+"&vudate="+vudate+"&page="+page;
$.get(changeUrl,function(str){
$("#meterdatapage").html(str);
});
}
if(vuid!=duid&&vudate!=dudate){
var changeUrl="search_mdata.php?vuid="+vuid+"&vudate="+vudate+"&page="+page;
$.get(changeUrl,function(str){
$("#meterdatapage").html(str);
});
}
else if(vuid==duid&&vudate==dudate)
{
$.post("datapage.php",{page:page},function(data){
$("#meterdatapage").html(data);
});
}
}
function spage_go(stype, scur_page, spagenum){
var spage=scur_page;
//var udate=vudate;
switch(parseInt(stype)){
case 1: spage=1; break; //首页
case 0: if(scur_page>=2) spage=scur_page-1; break; //上一页
case 2: if(scur_page<=spagenum-1) spage=scur_page+1; break; //下一页
case 3: spage=spagenum; break; //尾页
case 4: spage = scur_page; break; //点击某一页的页码
}
schangepage(spage);
}
php:
@$page = max(1, intval($_GET["page"]));
$vuid=$_GET["vuid"];
$vudate=$_GET["vudate"];
$str["info"] .="
{$searchp['Page_Up']} | ";
for($i=$start; $i<=$end; $i++){
if($i!=$page){
$str["info"] .= "[$i] ";
}
else{
$str["info"] .= "$i ";
}
}
$str["info"] .= "| {$searchp['Page_down']} |
{$searchp['Last_Page']}
";
原生JS实现分页效果2.0(新增了上一页和下一页,添加当前元素样式)
虽然写的很烂,但至少全部都是自己写的,因为这个没有固定的顺序,所以就没有封装,如果你技术好的话,可以你写的分享给我,谢谢.
原生JS实现分页效果1.0
不太完整,写的太急,等等加上完整注释,写起来还是有些难度的,写的有点水,后面再改进改进. &l ...
纯js实现分页
原理:所有数据已加载好,js通过遍历部分显示,实现分页效果 html代码
单篇文章JS模拟分页
废话部分 前两天做了一个前台分页插件,支持ajax读取数据绑定前台 和 url带页码参数跳转两种方式.于是稍加改动,做了一个单篇文章js模拟分页的代码,为什么说是模拟分页呢?因为在服务器响应HTML请 ...
js前端分页之jQuery
锋利的js前端分页之jQuery 大家在作分页时,多数是在后台返回一个导航条的html字符串,其实在前端用js也很好实现. 调用pager方法,输入参数,会返回一个导航条的html字符串.方法的内部比 ...
Spring Data Jpa+SpringMVC+Jquery.pagination.js实现分页
本博客介绍基于Spring Data这款orm框架加上Jquery.pagination插件实现的分页功能. 介绍一下Spring Data框架 spring Data : Spring 的一个子项目 ...
原生js版分页插件
之前我在自己的博客里发表了一篇用angularJs自定义指令实现的分页插件,今天简单改造了一下,改成了原生JavaScript版本的分页插件,可以自定义一些简单配置,特此记录下来.如有不足之处,欢迎指 ...
JS表格分页(封装版)
HTML代码:
PHP和js做分页功能,php+js实现分页相关推荐
- 【vue分页功能】vue element 分页组件简简单单实现分页功能详细教学
文章目录 vue分页功能实现 一.直接上代码 二.需要注意的事项 vue分页功能实现 一.直接上代码 // 列表结构 // 重点:data="pageList" <el-ta ...
- JS实现购物车功能(JS案例)
整理了一下当时学js写的一些案例,觉得购物车功能在一般网站比较常见且基础,现在把它整理出来,需要的小伙伴可以参考一下. 该案例购物车主要功能如下: 1. 商品单选.全选.反选功能 2. 商品添加.删除 ...
- phppage类封装分页功能_封装page分页类
类: //分页工具类 class Page{ /* * 获取分页字符串 * @param1 string $uri,分页要请求的脚本url * @param3 int $counts,总记录数 * @ ...
- php 如何实现分页功能,php如何实现分页功能
分页效果在网页中是常见的,可是怎样才能实现分页呢,今天做了两种方法来实现一下分页的效果. 首先,我们需要准备在数据库里面准备一个表,并且插入数据,这些都是必需的前提工作了,不多说,如图所示(库名为je ...
- phppage类封装分页功能_php显示页码分页类的封装
本文实例为大家分享了php封装显示页码的分页类,供大家参考,具体内容如下 一.代码 conn.php class Mysql{ public function __construct(){ $this ...
- oracle 数据分页功能,Oracle数据库实现分页功能
无详细内容 无 create or replace procedure pro_page(table_name in varchar2,page in number,line in number,in ...
- JS全选功能代码优化
JS全选功能代码优化 原文:JS全选功能代码优化 JS全选功能代码优化 最近在看javascript MVC那本书,也感觉到自己写的代码也并不优雅,所以一直在想 用另一种模式来编写JS代码,所以针对之 ...
- spring boot+mybatis+thymeleaf+pagehelper分页插件实现分页功能
文章目录 前言 正文 业务场景 后端 pom.xml application.yml 实体类video.java和User.java----映射VideoMapper.xml----VideoMapp ...
- JQuery实现分页功能
使用JQuery实现分页功能. 1.分页栏HTML码 <div class="g-cf g-pagerwp"><div style="visibilit ...
- JAVA如何处理上一篇下一篇,Java中如何实现分页功能
Java中如何实现分页功能 时间:2017-10-10 来源:华清远见Java培训中心 内容多了,我们就会想要去做分页,既能提升用户体验,又减少页面体积,提升加载速度.那么Java中怎么实现分 ...
最新文章
- [解决方案]SystemError: Parent module ‘‘ not loaded, cannot perform relative import的解决方案
- SpringBoot : 定制化Bean的利器:BeanPostProcessor BeanFactoryPostProcessor
- Hybrid App开发设计与实现
- apriori关联规则
- 高斯列主消元法 求非齐次线性方程组 C语言实现代码
- 成功解决AttributeError: ‘Series‘ object has no attribute ‘split‘
- 无线路由器经常掉线断网的可能的原因
- Oracle用户管理和授权
- 往往是认知决定你的人生格局
- 【SAP Abap】记录一次增强开发之销售交货开票VF04增强
- ndk开发字符串转十六进制!音视频时代你还不会NDK开发?已拿offer
- JavaScript走动的小人
- 全景拍摄—相机设置教程
- 关机切换用户后显示远程计算机,系统远程关机权限的设置
- 关于pyecharts各个全局配置项设置示例——个人内容整理与分享
- 设计验证Derating测试方法教程
- Moodle文件夹简介
- 盘点2018八大行业并购
- 航班管家和连咖啡:连长的场景战术
- 基于C++的网盘系统项目开发教程