无标题文档

body { margin:0;}

table { border:1px solid #ccc;}

td,th { height:26px; font-family:"微软雅黑"; font-size:12px; padding:5px; text-align:left; border-left:1px solid #ccc;}

td {border-top:1px solid #ddd; color:#333}

#topgn { position:relative;}

#ColumnsListBox { background:#fff; position:absolute; left:0; top:20px; padding-top:5px; border:1px solid #ccc; border-bottom:none; display:none;}

.ColumnsList { font-size:12px; line-height:26px;border-bottom:1px solid #ccc; padding:0 15px 010px; cursor:pointer;}

.ColumnsList span { width:20px; height:20px; background:red; display:inline-block; vertical-align:middle; background:url(img/checkbox.png) -60px -30px; margin-right:5px;}

.ColumnsList .checkbox { background-position:right 0;}

#tablethead { display:none; position:fixed; left:0; top:0; z-index:5; width:100%;}

th { background:#288068; color:#fff;}

$(function(){

function addShuJu(iNum){var addNum=parseInt(iNum);var Html="";

$.ajax({

type:"GET",

url:"http://10.10.140.77:5566/rs_Mianshi/goo.ashx",

data:{pagesize:iNum},

dataType:"json",

success: function(ret){

console.log(ret)var date=ret[‘rows‘];var html="";for(var i=0;i

{

html+="

"

+"

"+date[i][‘RN‘]+""

+"

"+date[i][‘u_kahao‘]+""

+"

"+date[i][‘u_xingming‘]+""

+"

"+date[i][‘u_shouji‘]+""

+"

"+date[i][‘u_xingbie‘]+""

+"

"}

$("#tbody1").html(html);

},

error:function(){

}

})

};

addShuJu(10);

$("#pagechange").change(function(){

$("#tbody1").html("

正在加载中....");var aTh=$("#thead1 .thetr th");var Columnshtml="";for(var i=0;i

{

Columnshtml+="

"+aTh[i].innerHTML+"

";

}

$("#ColumnsListBox").html(Columnshtml);

$("#tablethead th").show();

aTh.show();

addShuJu($(this).val());

});

})

自动

5

10

15

20

50

号码其他序号卡号姓名电话性别

正在加载中....

$(window).scroll(function(){if($(window).scrollTop()>$("#thead1 .thetr").position().top)

{

$("#tablethead").show();

$("#thead2").html($("#thead1").html())//console.log(11);

}else{

$("#tablethead").hide();

}

})

var aTh=$("#thead1 .thetr th");var Columnshtml="";for(var i=0;i

{

Columnshtml+="

"+aTh[i].innerHTML+"

"}

$("#ColumnsListBox").html(Columnshtml);

$("#Columnsbtn").click(function(){

$("#ColumnsListBox").show();return false;

});

$("#topgn").on("click",".ColumnsList",function(){var iNmu=parseInt($(this).index())+1;var number=parseInt($("#thead1 .toptr2 th").eq($(this).attr("data-col")).attr("colspan"));if($(this).attr("date-check")=="true"){

number-=1;if(number<=0)

{

$("#thead1 .toptr2 th").eq($(this).attr("data-col")).hide();

}

$("#thead1 .toptr2 th").eq($(this).attr("data-col")).attr("colspan",number);

$("#tab1 tr td:nth-child("+iNmu+")").hide();

$(".thetr th:nth-child("+iNmu+")").hide();

$(this).find("span").addClass("checkbox");

$(this).attr("date-check","false");

}else{

number+=1;

$("#thead1 .toptr2 th").eq($(this).attr("data-col")).show();

$("#thead1 .toptr2 th").eq($(this).attr("data-col")).attr("colspan",number);

$("#tab1 tr td:nth-child("+iNmu+")").show();

$(".thetr th:nth-child("+iNmu+")").show();

$(this).find("span").removeClass("checkbox");

$(this).attr("date-check","true");

//$("#ColumnsListBox").attr(‘data-cols‘, $("#thead1 .thetr th").filter(":visible").length);

//$(".cloneTd,.noData").attr(‘colspan‘, $("#thead1 .thetr th").filter(":visible").length);

ajax 限制显示条数,jquery通过ajax获取数据,控制显示的数据条数相关推荐

  1. ajax提交时页面转圈,jquery的ajax提交时loading提示的处理方法

    方法1:使用ajaxStart方法定义一个全局的"加载中..."提示 $(function(){ $("#loading").ajaxStart(functio ...

  2. ajax type是get请求,jQuery的Ajax请求数据时type无法使用GET

    写一个ASP.NET MVC例子,它是使用jQuery的$.Ajax来呼叫控制器的数据. 创建一个视图: 运行结果: 一切正常,但是本例子我们只是获取数据,并没有做任何数据POST上传至控制器,我们尝 ...

  3. 基于jquery的ajax聊天室系统,基于jQuery的Ajax聊天室应用毕业设计(含外文翻译)...

    基于jQuery的Ajax聊天室应用毕业设计(含外文翻译) 毕业设计(论文) I 基于基于 jQuery 的的 Ajax 聊天室应用聊天室应用 摘摘 要要 随着网络的逐渐普及,以及网络技术的不断发展, ...

  4. ajax post提交数组6,jQuery的ajax()、post()方法提交数组,参数[] 问题

    当用$.ajax()向后台提交参数时,如果参数中数组的话一般在后台会用List,或Integer[] 等数组对象进行接收. 比如: $.ajax({ type: "POST", u ...

  5. html ajax提交表单实例,jQuery使用$.ajax提交表单完整实例

    本文实例讲述了jQuery使用$.ajax提交表单的方法.分享给大家供大家参考,具体如下: 首先,新建Login.html页面: /p> "http://www.w3.org/TR/x ...

  6. ajax静态加载图片,JQuery实现Ajax加载图片的方法

    本文实例讲述了JQuery实现Ajax加载图片的方法.分享给大家供大家参考,具体如下: 最近在学习JQuery,想从原理上模拟一下无刷新的相册浏览. 最先想到的思路是利用缓存,也就是先显示提示消息,然 ...

  7. .net mvc ajax重定向,如何在MVC3 JQuery的Ajax调用重定向到新的页面(连同模型)(How to redirec...

    我已经忘记密码页面,当用户输入用户名并点击"验证"按钮来检查他是在哪个组的基础上,我们需要显示不同的局部视图(现在让我们说,这是电话号码)的组这一页. 填写有效信息后, 成功我会重 ...

  8. ajax的get json数据格式,jQuery / 用getJSON()方法加载JSON格式数据 - 汇智网

    加载JSON格式数据 jQuery的AJAX中使用getJSON()方法异步加载JSON格式数据.获取服务器中的数组,并对获取的数据进行解析,显示在页面中. 语法:$.getJSON(url,[dat ...

  9. ajax返回的图片数据格式,jquery发送ajax请求返回数据格式

    jquery向服务器发送一个ajax请求后,可以返回多种类型的数据格式,包括:html,xml,json,text等. 1.html格式的数据 " "+username+" ...

  10. php中jquery ajax请求参数,浅谈Jquery中Ajax异步请求中的async参数的作用

    之前不知道这个参数的作用,上网找了前辈的博客,在此收录到自己的博客,希望能帮到更多的朋友: test.html asy.js function testAsync{ var temp; $.ajax( ...

最新文章

  1. 文件分享微信小程序的设计与开发 Java开发微信小程序 毕业设计
  2. 图解Transformer(完整版)!
  3. 【MM配置】Delivery Costs 交货成本
  4. 【Linux系统编程应用】 V4L2编程基础(一)
  5. oracle脂肪分析仪,CEM推出油脂快速分析新技术
  6. android 服务端 漏洞,安卓漏洞 CVE 2017-13287 复现详解-
  7. 信息学奥赛一本通(2062:【例1.3】电影票)
  8. 红橙Darren视频笔记 模板模式的应用与BaseActivity
  9. python游戏源码回合制游戏_python game源码下载
  10. 如何做好Web 安全测试
  11. sql主键可以有多个_干货 | 新手请速戳!30个精选SQL面试问题Qamp;A集锦
  12. python怎么把图片变成字符_用Python把图片变成字符画
  13. [Misc]IE浏览器真正全屏幕操作技巧
  14. C++对象模型——指向Data Members的指针(Pointer to Data Members)
  15. 手机上计算机开n次方,手机计算器还能这样用,99%的人都不知道
  16. 海洋CMS插件-内置接口的海洋CMS插件
  17. zemax操作例子_ZEMAX软件使用入门
  18. 关于百度地图定位出现5e-324的解决办法
  19. java项目进度跟踪管理系统
  20. 霍金门徒:计算机如何比人更懂世界

热门文章

  1. datetimepicker 默认时间_Django项目中如何使用日期时间选择器DateTimePicker
  2. java设置框架位置_怎样设置label的位置啊?求指导
  3. pcm转换在线工具_有木有好用的CAD格式转换工具可以推荐?在线等,挺急的
  4. Linux BPF hello world C语言示例代码
  5. Linux网络 - 数据包的接收过程
  6. C/C++常量数据类型
  7. python写算法快吗_用python写排序算法
  8. java中string类面试题_java中String类的面试题大全含答案
  9. 万博java_构建高效的企业级Java应用系列(一)架构篇——1
  10. DevOps - 用 Ansible 管理 VMware 虚拟机