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#设计模式总结 一. 设计原则 使用设计模式的根本原因是适应变化,提高代码复用率,使软件更具有可维护性和可扩展性.并且,在进行设计的时候,也需要遵循以下几个原则:单一职责原则.开放封闭原则.里氏代替 ...
随机推荐
- Contiki-一个进程的例子
进程调度器 进程调度器的作用是调用进程.进程调度器通过调用实现进程线程的函数来调用进程.Contiki中所有的进程被设计为响应传递到进程中的事件,或者相应进程请求的轮询.进程调度器在调度进程的时候会将 ...
- 用Broadcast广播在activity之间、fragment之间、activity和fragment之间相互传数据
例如:A界面要收到B界面的更变信息 一.A界面注册广播 private static final String INTENT_BROADCAST = "android.intent.acti ...
- Redis在JAVA中的运用(工具类)
最近项目需要用redis在中间做缓存所以写了一个工具类作为练习用 redis版本:redis_version:3.0.504 用到阿里的解析JSON的库:fastjson import org.apa ...
- Find命令的用法
1. 在某目录下查找文件 [root@localhost ~]# find /usr/local -name pci.ids* /usr/local/share/pci.ids.gz [root@lo ...
- swiper横向轮播--3d
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...
- 收集C#常用类:产生一个验证码,改了下
using System; using System.Collections.Generic; using System.Drawing; using System.Drawing.Drawing2D ...
- log4j输出日志到文件
输出端Appender Appender用来指定日志信息输出到哪个地方,可以同时指定多个输出目的地.Log4j允许将信息输出到许多不同的输出设备中,一个log信息输出目的地就叫做一个Appender. ...
- office2003安装公式编辑器mathtype5.2
同事的一台电脑,xp系统,需要安装公式编辑器mathtype,安装完后,启动word时出现了宏的警告. 在菜单中,无论如何设置宏,都不能去除该提示框.删除了模板normal.dot,也不能解决该问题. ...
- c#数据绑定(3)——数据转化为信息
文/嶽永鹏 本文主要在数据绑定1和2中新增了DataSet对象,练习了如何在DataSet中添加表.关系和约束,同时本文也简要的介绍了如何将数据转化为信息. 目标界面: XAML代码: <Gri ...
- C++中的const和指针组合
在C++里,const修饰指针有以下三种情况 (1)指针常量:即指向常量的指针 const int *p或者int const *p const在*前,,可以这样理解它的功能,因为const在*前, ...