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"] .="<div style='text-align:center'><a href='javascript:void(0);' onclick='spage_go(1, $page, $pagenum)'>{$searchp['First_Page']}</a> |
<a href='javascript:void(0);' onclick='spage_go(0, $page, $pagenum)'>{$searchp['Page_Up']}</a> | ";
for($i=$start; $i<=$end; $i++){
if($i!=$page){
$str["info"] .= "<a href='javascript:void(0);' onclick='spage_go(4, $i, 0)'>[$i] </a>";
}
else{
$str["info"] .= "$i ";
}
}
$str["info"] .= "| <a href='javascript:void(0);' onclick='spage_go(2, $page, $pagenum)'>{$searchp['Page_down']}</a> |
<a href='javascript:void(0);' onclick='spage_go(3, $page, $pagenum)'>{$searchp['Last_Page']}</a></div>";
php+js实现分页的更多相关文章
- 原生JS实现分页效果2.0(新增了上一页和下一页,添加当前元素样式)
虽然写的很烂,但至少全部都是自己写的,因为这个没有固定的顺序,所以就没有封装,如果你技术好的话,可以你写的分享给我,谢谢. <!DOCTYPE html><html lang=&qu ...
- 原生JS实现分页效果1.0
不太完整,写的太急,等等加上完整注释,写起来还是有些难度的,写的有点水,后面再改进改进. <!DOCTYPE html><html lang="en">&l ...
- 纯js实现分页
原理:所有数据已加载好,js通过遍历部分显示,实现分页效果 html代码 <html> <head> <meta charset='utf-8'> <scri ...
- 单篇文章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代码: <html> <head> <meta charset='utf-8'> <script type="text/javascript ...
- JS重构分页
JS重构分页 很早以前写过一个Jquery分页组件,但是当时写的组件有个缺点,当时的JS插件是这样设计的:比如:点击 --> 查询按钮 ---> 发ajax请求 返回总页数和所有数据, ...
- C#设计模式总结 C#设计模式(22)——访问者模式(Vistor Pattern) C#设计模式总结 .NET Core launch.json 简介 利用Bootstrap Paginator插件和knockout.js完成分页功能 图片在线裁剪和图片上传总结 循序渐进学.Net Core Web Api开发系列【2】:利用Swagger调试WebApi
C#设计模式总结 一. 设计原则 使用设计模式的根本原因是适应变化,提高代码复用率,使软件更具有可维护性和可扩展性.并且,在进行设计的时候,也需要遵循以下几个原则:单一职责原则.开放封闭原则.里氏代替 ...
随机推荐
- centos6.5安装node.js
一次偶然的机会知道有nodejs这个东西,确实对它还是很感兴趣的.刚开始只知道它能让javascript写后台,然后前后台都由javascript来写,确实觉得真的挺爽,毕竟人总是喜欢在自己熟悉领域做 ...
- swift_枚举 | 可为空类型 | 枚举关联值 | 枚举递归 | 树的概念
***************可为空的类型 var demo2 :we_demo = nil 上面这个代码串的语法是错的 为什么呢, 在Swift中,所有的类型定义出来的属性的默认值都不可以是nil ...
- 磁盘文件系统Fat、Fat32、NTFS、exFAT的优缺点
我们在Windows系统里格式化磁盘的时候,文件系统的选项里可以看到有“FAT”.“FAT32”.“NTFS”等选项,在对U盘或其他移动存储设备 格式化的时候还会出现“exFAT”选项,那么这四种磁盘 ...
- PHP Switch case 条件并用实例
众所周知,Switch循环比if...else...循环效率要好的多,当case有相同代码结构的时候,怎么样来简化代码结构,能让代码更具有通用性呢? 在网上找了一下,好多都是复制粘贴,还有的看起来太复 ...
- java的前台与后台
技术上:前台是指web展示,webservice接口等输入输出接口,后台是指支持这些接口的程序. 例如读写数据库,读写文件,业务逻辑处理. 业务上来讲:前台是提供给最终用户使用的界面,后台是指管理使用 ...
- storyboard中的三种传值
三种传值:属性传值 block传值 以及 代理传值 (这里我用前面的页面和后面的)来表示两个控制器:LoginViewController和RegisterViewController 建立两个控制器 ...
- mysql5.6新特性总结
一. server参数默认值设置的变化http://dev.mysql.com/doc/refman/5.6/en/server-default-changes.html 二. innodb增强1.全 ...
- Git bash使用中...
理解Head指向分支及标签tag Head指向当前分支(如master),可以把每次提交完成的修改看成一个圈,在修改上可以开另一分支为接下来的修改做准备,未修改前新建的分支与当前分支可看成绕修改圈转: ...
- MIUI5(红米、小米)打开开发者模式
在miui5系统中系统默认隐藏原生android的开发者模式选项,要想启动该模式需要按照以下操作: 设置-关于手机- 连续点击安卓版本4下. 然后再返回主设置页面下,你会发现开发者选项已经出现.
- office2010密钥
J33GT-XVVYK-VHBBC-VY7FB-MTQ4CGRPWH-7CDHQ-K3G3C-JH2KX-C88H86CCCX-Y93YP-3WQGT-YCKFW-QTTT76QFDX-PYH2G-P ...