/*
* 分页 $("#divPager").flexipager
* 2015.03.17
*/ //初始化列表默认属性
(function($) {
$.addFlex = function(t, p) {
if (t.pager) return false; // 若已经存在Pager - DIV 对象则return
p = $.extend({
url: false, // 获取数据源对应的url地址
async: true, // 默认异步加载(false=同步)
method: 'POST', // 数据发送方式
dataType: 'json', // 数据加载的类型,json
page: 1, // 当前页
newp: 1, // 默认当前页
total: 1, // 总页面数
rp: 2, // 每页默认的结果数
sortname: "", // 排序字段
sortorder: "", // asc desc
primaryKey: "", // 主键字段名
coloursEvent: "" // 界面渲染
}, p); $(t).show().attr({ cellPadding: 0, cellSpacing: 0, border: 0 }).removeAttr('width'); var g = {
//分页
buildpager: function() {
// g.pDiv = document.createElement('div');
// g.pDiv.innerHTML = '<div class="pDiv2"></div>'; // alert($(g.pDiv).html());
// alert($(this.pDiv).html()); var html = "<span class='pFirst'>首页</span>&nbsp;<span class='pPrev'>上一页</span>&nbsp;<span class='pPageStatr'>1</span>/<span class='pTotal'>1</span>&nbsp;<span class='pNext'>下一页</span>&nbsp;<span class='pLast'>尾页</span>&nbsp;&nbsp;&nbsp;";
html += "<span>共&nbsp;</span><span class='rTotal'>0</span><span>&nbsp;条记录</span> "; $(t).append(html); $('.pFirst', t).click(function() { g.changePage('first') });
$('.pPrev', t).click(function() { g.changePage('prev') });
$('.pNext', t).click(function() { g.changePage('next') });
$('.pLast', t).click(function() { g.changePage('last') });
this.populate();
},
//获取数据
populate: function() { if (p.page > p.pages)
p.page = p.pages; var param = [
{ name: 'page', value: p.newp }
, { name: 'rp', value: p.rp }
, { name: 'sortname', value: p.sortname }
, { name: 'sortorder', value: p.sortorder }
, { name: 'primaryKey', value: p.primaryKey } ]; $.ajax({
type: p.method,
url: p.url,
async: p.async,
data: param,
success: function(data) {
data = "[" + data + "]";
var page = eval(data)[0].page;
var total = eval(data)[0].total;
var json = eval(data)[0].rows; p.pages = Math.ceil(parseInt(total) / 2); $(".pTotal", t).html(p.pages); //页数
$(".rTotal", t).html(total); //总记录
$(".pPageStatr", t).html(p.page); //当前页 //alert(json);
if (p.coloursEvent)
p.coloursEvent(json); },
error: function(data) {
alert("error:");
try {
} catch (e) { alert("error:"); }
}
});
}, //翻页
changePage: function(ctype) {
//alert(ctype);
switch (ctype) {
case 'first':
//p.page = p.newp = 1;
p.newp = 1;
break;
case 'prev':
if (p.page > 1)
p.newp = parseInt(p.page) - 1;
break;
case 'next':
if (p.page < p.pages)
p.newp = parseInt(p.page) + 1;
break;
case 'last':
p.newp = p.pages;
break;
} if (p.newp == p.page)
return false; p.page = p.newp; this.populate();
}
}; g.buildpager();
t.p = p;
t.pager = g;
if (p.url && p.autoload) {
g.populate();
}
return t;
}; var docloaded = false; //文档加载完毕标识
$(document).ready(function() { docloaded = true });
var urlString = document.location.pathname; //当前页面的url
var huayingPageRpNum = urlString + "-huayingPageRpNum"; //设置当前页面的分页条数 //构造函数
$.fn.flexipager = function(p) {
return this.each(function() {
if (!docloaded) {
$(this).hide();
var t = this;
$(document).ready(function() { $.addFlex(t, p); });
} else {
$.addFlex(this, p);
}
});
}; })(jQuery);
var hyajax =
{
eventAjax: function() { },
executeAjax: function(requestType) {
var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
xmlhttp.onreadystatechange = hyajax.eventAjax
xmlhttp.open("")
}
}
    <script src="ETOS_Js/Plugin/jQuery/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="ETOS_Js/JsPager/JsPager.js" type="text/javascript"></script> <script type="text/javascript">
$(document).ready(function() { $("#divPager").flexipager({
url: "/Handlers/Topics.ashx?Action=Get_AnswerList",
sortname: "createTime",
sortorder: "desc",
coloursEvent: addData
}); }); function addData(json) {
alert(json + "");//返回一个json数据 在进行解析数据
} </script>

jquery ajax 分页2的更多相关文章

  1. 转:精心挑选的12款优秀 jQuery Ajax 分页插件和教程

    在这篇文章中,我为大家收集了12个基于 jQuery 框架的 Ajax 分页插件,这些插件都提供了详细的使用教程和演示.Ajax 技术的出现使得 Web 项目的用户体验有了极大的提高,如今借助优秀的  ...

  2. 分享一个手机端好用的jquery ajax分页类

    分享一个手机端好用的jquery ajax分页类 jquery-ias.min.js 1,引入jquery-ias.min.js 2,调用ajax分页 <script type="te ...

  3. 12款优秀 jQuery Ajax 分页插件和教程

    12款优秀 jQuery Ajax 分页插件和教程 在这篇文章中,我为大家收集了12个基于 jQuery 框架的 Ajax 分页插件,这些插件都提供了详细的使用教程和演示.Ajax 技术的出现使得 W ...

  4. jquery ajax分页写法

    jquery ajax分页写法我用的是laypage插件 前端代码<pre> function demo(curr) { $.getJSON('/home/index/getinfo', ...

  5. 精心挑选的12款优秀 jQuery Ajax 分页插件和教程

    在这篇文章中,我为大家收集了12个基于 jQuery 框架的 Ajax 分页插件,这些插件都提供了详细的使用教程和演示.Ajax 技术的出现使得 Web 项目的用户体验有了极大的提高,如今借助优秀的  ...

  6. Pagination jquery ajax 分页参考资料

    http://www.zhangxinxu.com/wordpress/2010/01/jquery-pagination-ajax%E5%88%86%E9%A1%B5%E6%8F%92%E4%BB% ...

  7. 12款优秀jQuery Ajax分页插件和教程

    在这篇文章中,我为大家收集了12个基于 jQuery 框架的 Ajax 分页插件,这些插件都提供了详细的使用教程和演示.Ajax 技术的出现使得 Web 项目的用户体验有了极大的提高,如今借助优秀的 ...

  8. jquery+ajax分页

    先看效果图:

  9. jquery ajax 分页

    <script src="../Js/jQuery/jquery-1.8.2.min.js" type="text/javascript">< ...

随机推荐

  1. Excel合并计算

    office版本为2013,数据来源:我要自学网,曾贤志老师 计算之前,光标定在空白位置,不要定在数据源. 将汇总的类型居于首列(不可以跨区域选择,可以把不需要汇总的移动到其他列). 要有删除原来数据 ...

  2. redis client API-----------python

    想知道redis针对各种编程语言推荐的接口API实现,请参考http://redis.io/clients/ 选择python语言,则使用https://github.com/andymccurdy/ ...

  3. 使用while 打印10~1,1~10

    使用while 打印10~1,1~10 #!/bin/bash i= ));do echo $i ((i--)) done 答案:109876543210 i= ));do echo $i ((i++ ...

  4. 关于文件结束符EOF

    EOF 是 End Of File 的缩写. 在 C 语言中,它是在标准库中定义的一个宏. 人们经常误认为 EOF 是从文件中读取的一个字符(牢记).其实,EOF 不是一个字符,它被定义为是 int ...

  5. Azure的CentOS上安装LIS (Linux Integration Service)

    Azure上虚拟化技术都是采用的Hyper-v,每台Linux虚拟机都安装了LIS(Linux Integration Service).LIS的功能是为VM提供各种虚拟设备的驱动.所以LIS直接影响 ...

  6. Java-API:java.util.regex.Pattern

    ylbtech-Java-API:java.util.regex.Pattern 1.返回顶部   2.返回顶部   3.返回顶部   4.返回顶部   5.返回顶部 1. https://docs. ...

  7. 【转】Jquery修改image的src属性,图片不加载问题

    1.当点击某一按钮的时候,把图片域中的图片改变一下    <img id="randimg" src="/servlet/CreateValidateNum&quo ...

  8. vmware全屏后去掉上面的横杠

    全屏后选择查看—>独占模式最上面的杠就没了,而且不按退出快捷键,不会在切换到外面的系统中了.

  9. 50 states of America

    美国州名 州名英文  州名音标 简写 首府 首府 阿拉巴马州 Alabama   [ˌæləˈbæmə] AL 蒙哥马利 Montgomery[mənt'gʌməri] 阿拉斯加州 Alaska  [ ...

  10. php中的foreach改变数组的值的问题

    翻到PHP文档的foreach那页这样写道: “foreach 语法结构提供了遍历数组的简单方式.foreach 仅能够应用于数组和对象,如果尝试应用于其他数据类型的变量,或者未初始化的变量将发出错误 ...