使用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实现分页的更多相关文章

  1. 原生JS实现分页效果2.0(新增了上一页和下一页,添加当前元素样式)

    虽然写的很烂,但至少全部都是自己写的,因为这个没有固定的顺序,所以就没有封装,如果你技术好的话,可以你写的分享给我,谢谢. <!DOCTYPE html><html lang=&qu ...

  2. 原生JS实现分页效果1.0

    不太完整,写的太急,等等加上完整注释,写起来还是有些难度的,写的有点水,后面再改进改进. <!DOCTYPE html><html lang="en">&l ...

  3. 纯js实现分页

    原理:所有数据已加载好,js通过遍历部分显示,实现分页效果 html代码 <html> <head> <meta charset='utf-8'> <scri ...

  4. 单篇文章JS模拟分页

    废话部分 前两天做了一个前台分页插件,支持ajax读取数据绑定前台 和 url带页码参数跳转两种方式.于是稍加改动,做了一个单篇文章js模拟分页的代码,为什么说是模拟分页呢?因为在服务器响应HTML请 ...

  5. js前端分页之jQuery

    锋利的js前端分页之jQuery 大家在作分页时,多数是在后台返回一个导航条的html字符串,其实在前端用js也很好实现. 调用pager方法,输入参数,会返回一个导航条的html字符串.方法的内部比 ...

  6. Spring Data Jpa+SpringMVC+Jquery.pagination.js实现分页

    本博客介绍基于Spring Data这款orm框架加上Jquery.pagination插件实现的分页功能. 介绍一下Spring Data框架 spring Data : Spring 的一个子项目 ...

  7. 原生js版分页插件

    之前我在自己的博客里发表了一篇用angularJs自定义指令实现的分页插件,今天简单改造了一下,改成了原生JavaScript版本的分页插件,可以自定义一些简单配置,特此记录下来.如有不足之处,欢迎指 ...

  8. JS表格分页(封装版)

    HTML代码: <html> <head> <meta charset='utf-8'> <script type="text/javascript ...

  9. JS重构分页

    JS重构分页 很早以前写过一个Jquery分页组件,但是当时写的组件有个缺点,当时的JS插件是这样设计的:比如:点击  -->  查询按钮 ---> 发ajax请求 返回总页数和所有数据, ...

  10. C#设计模式总结 C#设计模式(22)——访问者模式(Vistor Pattern) C#设计模式总结 .NET Core launch.json 简介 利用Bootstrap Paginator插件和knockout.js完成分页功能 图片在线裁剪和图片上传总结 循序渐进学.Net Core Web Api开发系列【2】:利用Swagger调试WebApi

    C#设计模式总结 一. 设计原则 使用设计模式的根本原因是适应变化,提高代码复用率,使软件更具有可维护性和可扩展性.并且,在进行设计的时候,也需要遵循以下几个原则:单一职责原则.开放封闭原则.里氏代替 ...

随机推荐

  1. 【转】PCI学习笔记

    1.PCI设备编号    每一个PCI device都有其unique PFA(PCI Fcntion Address)    PFA由 bus number.device number.functi ...

  2. BIOS MCSDK 2.0 学习笔记(一)

    MCSDK简介 BIOS MCSDK是为TI的高性能多核DSP提供的一套组件,包括: SYS/BIOS实时操作系统 Chip support libraries, drivers, and basic ...

  3. java-方法练习

    一.定义方法的最主要的两个步骤: 1.先明确结果(即返回值类型要先明确) 2. 在实现功能时是否有未知内容参与运算,即明确函数的参数列表(参数类型,参数个数) 例如:定义一个九九乘法表的功能.  思路 ...

  4. 【教程】16岁黑客如何把Windows 95装进智能手表?【转】

    来自美国佐治亚州的16岁黑客Corbin Davenport十分喜欢摆弄电子产品,最近他刚到手了一台三星Gear Live,并开始把玩起来.他发现Android Wear作为Android系统的改版并 ...

  5. Tableau10.0学习随记-分组问题

    1.根据官网的练习视频,分组时可多选列,之后使用回形针按钮创建分组,并重新命名即可,截图如下: 2.但在Tableau10中打开练习工作簿练习时,并没有直接显示分组后结果,仅仅是创建了分组的纬度,结果 ...

  6. java selenium (十四) 处理Iframe 中的元素

    有时候我们定位元素的时候,发现怎么都定位不了. 这时候你需要查一查你要定位的元素是否在iframe里面 阅读目录 什么是iframe iframe 就是HTML 中,用于网页嵌套网页的. 一个网页可以 ...

  7. F2工作流引擎之-纯JS Web在线可拖拽的流程设计器(八)

          Web纯JS流程设计器无需编程,完全是通过鼠标拖.拉.拽的方式来完成,支持串行.并行.分支.异或分支.M取N路分支.会签.聚合.多重聚合.退回.传阅.转交,都可以非常方便快捷地实现,管理员 ...

  8. 浏览器主页被hao123贱贱的篡改的一种方式

    今天打开一个PDF文件(正经文件,不要想歪了),误点了一个“编辑”按钮,出来发现浏览器主页被篡改了,包括chrome和IE.通过一个网址"www.qquuu8.com"跳转到hao ...

  9. node.js 学习

    http://www.cnblogs.com/haogj/category/612022.html

  10. 实验一 DOS命令解释程序的编写

    一.目的和要求 1. 实验目的 (1)认识DOS: (2)掌握命令解释程序的原理: (3)掌握简单的DOS调用方法: (4)掌握C语言编程初步. 2.实验要求 编写类似于DOS,UNIX的命令行解释程 ...