纯AJAX分页,V0.2版 下载+演示
需要最新版本的bingo.js支持,下载bingo.js,下载本DEMO
方法:pageSwitch(url,listDiv,pageSwDiv,maxRows,queryStr,defaultpage)//url:请求的后台处理页的地址;listDiv:显示分页列表的区域ID;pageSwDiv显示分页控制模块的区域ID;maxRows:显示的列表条数,后台需接受“maxRows”的参数名;queryStr:后台可以接受的表达当前页的参数;defaultpage:默认的起始页。
例如pageSwitch("show/pagesdata.php","pagelist","pagesplit",20,"page","12");
下载后请先查看本页源码,基本配置在PSconfig中,您可能需要修改bingo.js的路径;PHP相关内容只是简单地模拟其过程(JSON结构),在您使用的时候,建议使用合理、有效的代码。
相关推荐
-
用jQuery中的ajax分页实现代码
功能简介:主要功能就是分页显示数据了,可在配置文件中配置每页要显示的页码,可以做多条件联合查询,这里只是做一个简单的查询.欢迎拍砖,有问题的还望大虾们斧正哈.看看这个效果图,无刷新的噢!! 具体实现请看源码: 1.aspx页面 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AjaxPage.aspx.cs" Inherits="Measur
-
jquery pagination插件实现无刷新分页代码
先把要用到的文件依次进入进来: 复制代码 代码如下: <script src="common/jquery.js" type="text/javascript"></script> <script src="common/jquery.pagination.js" type="text/javascript"></script> <link href="commo
-
jQuery Pagination Ajax分页插件(分页切换时无刷新与延迟)中文翻译版
原项目地址:http://plugins.jquery.com/project/pagination版本:v1.2源文件下载:英文原版 或中文翻译修改版 一.相关demo 基本demo页面 Ajax demo页面 参数可编辑demo页面二.简介与说明 此jQuery插件为Ajax分页插件,一次性加载,故分页切换时无刷新与延迟,如果数据量较大不建议用此方法,因为加载会比较慢. 原插件CSS不太合理,使用浮动,故无法方便实现左右方向的定位,且未清除浮动,在中文修改版中我对其进行了优化,使其支持tex
-
ASP ajax分页教程一
为什么我写ASP分页教程要提到AJAX呢,因为我们要多练习一下编程过程中,结构化的重要性. 再加上很多朋友对分页感到很高深,所以一直都不敢去碰他,要么就用别人写好的组件,要么就是改改别人的东西.特别是.net,我深有感触,假如要快速开发一个项目,我想.net是一个非常优秀的平台.但是,因为他的严重控件化,反而是新手接触不到编程的思想,完全找不到编程的感觉,仿佛就象在搭积木.有时候还是要练习一下底层一点的东西,这样个人的技术能力才会得到提高.我可不想做只会用.NET的组装工人. 好了,下面给出AS
-
jquery.pagination.js 无刷新分页实现步骤分享
1.使用插件为 jquery.pagination.js ,如果没有这个js文件的话,我可以给发个. 首先引用 jquery.pagination.js (分页js),跟pagination.css(分页样式css). 2.页面js代码为 复制代码 代码如下: <script type="text/javascript"> var pageIndex = 0; //页面索引初始值 var pageSize = 15; //每页显示条数初始化,修改显示条数,修改这里即可 $(
-
AJAX分页的代码(后台asp.net)
在ASP.NET 中有很多数据展现的控件,比如用的最多的GridView,它同时也自带了分页的功能.但是我们知道用GridView来显示数据,如果没有禁用ViewState,页面的大小会是非常的大的.而且平时我们点击首页,下一页,上一页,尾页这些功能都是会引起页面回发的,也就是需要完全跟服务器进行交互,来回响应的时间,传输的数据量都是很大的.AJAX的分页可以很好的解决这些问题. 开发的坏境是:jQuery AJAX+Northwind. 具体的步骤: SearchCustomer.aspx:
-
asp.net jquery无刷新分页插件(jquery.pagination.js)
采用Jquery无刷新分页插件jquery.pagination.js 实现无刷新分页效果 友情提示:本示例Handler中采用StringBuilder的append方法追加HTML,小数据量可以,但是大数据或是布局常变,建议返回JSON格式的数据,性能和灵活性更好! 1.插件参数列表 2.页面内容: 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Defaul
-
jquery.pagination +JSON 动态无刷新分页实现代码
aspx 页面: 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="SqlPage.aspx.cs" Inherits="SqlPage" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w
-
纯AJAX分页,V0.2版 下载+演示
需要最新版本的bingo.js支持,下载bingo.js,下载本DEMO 方法:pageSwitch(url,listDiv,pageSwDiv,maxRows,queryStr,defaultpage)//url:请求的后台处理页的地址;listDiv:显示分页列表的区域ID;pageSwDiv显示分页控制模块的区域ID;maxRows:显示的列表条数,后台需接受"maxRows"的参数名;queryStr:后台可以接受的表达当前页的参数;defaultpage:默认的起始页.例如p
-
jQuery ajax分页插件实例代码
推荐阅读:jQuery插件开发精品教程让你的jQuery提升一个台阶 既然说到基于jQuery的ajax分页插件,那我们就先看看主要的代码结构:(我觉得对咱们程序员来说再优美的文字描述.介绍也 比不上代码来得实在.) 1.首先定义一个pager对象: var sjPager = window.sjPager = { opts: { //默认属性 pageSize: , preText: "pre", nextText: "next", firstText: &quo
-
PHP ajax 分页类代码
<?php //本分页类不处理SQL; //大大的加快了分页功能 //http://blog.csdn.net/fkedwgwy //潇湘博客--潇湘 /** 演示 require_once('../libs/classes/page.class.php'); $page=new page(array('total'=>1000,'perpage'=>20)); echo 'mode:1<br>'.$page->show(); echo '<hr>mode:
-
Mysql 5.7.20压缩版下载和安装简易教程
一.下载地址: http://dev.mysql.com/downloads/mysql/ http://www.jb51.net/softs/451120.html 1.进入官网下载,显示的应该是最新版本,选择第二个(mysql5.7.20-winx64.zip) 2.下载完成后,直接解压到自定义目录,解压目录就是安装目录 二.配置环境变量 1.新增环境变量,例: 变量名:MYSQL_HOME 变量值:D:\mysql\mysql5.7.20-winx64 2.修改环境变量PATH 在PATH
-
kkpager 实现ajax分页查询功能
前台分页数据,适合数据少量的时候,因为分页的数据是从后台获取的,大数据的话不建议使用 先看下前台代码: @{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <script src="~/kkpager/lib/jquery-1.10.2.min.js
-
ajax分页效果(bootstrap模态框)
ajax分页效果图: 上干货: /** * ajax分页 */ $(function(){ $(".modal-body").find(".pagination").on("click","li",function(){ var totalPage=$(".modal-body").find(".pagination").find(".lilength").lengt
-
Ajax分页插件Pagination从前台jQuery到后端java总结
困惑了我一段时间的网页分页,今天特地整理了一下我完成不久的项目.下面我要分享下我这个项目的分页代码,前后端通吃.希望前辈多多指教. 一.效果图 下面我先上网页前台和管理端的部分分页效果图,他们用的是一套代码. 二.上代码前的一些知识点 此jQuery插件为Ajax分页插件,一次性加载,故分页切换时无刷新与延迟,如果数据量较大不建议用此方法,因为加载会比较慢. 三.前台代码部分 var pageSize =6; //每页显示多少条记录 var total; //总共多少记录 $(function(
-
CI框架(ajax分页,全选,反选,不选,批量删除)完整代码详解
CodeIgniter 是一个小巧但功能强大的 PHP 框架,作为一个简单而"优雅"的工具包,它可以为开发者们建立功能完善的 Web 应用程序.是比较主流的一个PHP框架. 下面给大家介绍CI框架(ajax分页,全选,反选,不选,批量删除)完整代码,具体代码如下所示: //ajax分页+搜索(视图层) function ajax_page(page){ var sou = $('#sou').val(); $.ajax({ type: "POST", dataTyp
随机推荐
- AngularJS HTML编译器介绍
- Android 使用Vitamio打造自己的万能播放器(4)——本地播放(快捷搜索、数据存储)
- 离22周岁距离多长时间的计算[适合没到22周岁的朋友]
- linux shell在while中用read从键盘输入的实现
- linux touch,chattr指令详解及用法
- IOS 中loadView,viewDidLoad,viewDidUnload详解及使用
- 详解PHP显示MySQL数据的三种方法
- 数据结构之Treap详解
- mySQL count多个表的数据实例详解
- php变量与数组相互转换的方法(extract与compact)
- javascript 闭包详解及简单实例应用
- 用ASP+XML打造留言本
- 价值600元的东亚黑客联盟VIP教程
- MongoDB简介 MongoDB五大特色
- centos 6.7 下安装 redis-3.2.5的步骤
- jQuery中ready事件用法实例
- JavaScript递归算法生成树形菜单
- c#封装百度web服务geocoding api 、百度坐标转换示例
- PHP面向对象程序设计之类与反射API详解
- vue中关闭eslint的方法分析