ajax 限制显示条数,jquery通过ajax获取数据,控制显示的数据条数
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+="
";
}
$("#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+="
"}
$("#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获取数据,控制显示的数据条数相关推荐
- ajax提交时页面转圈,jquery的ajax提交时loading提示的处理方法
方法1:使用ajaxStart方法定义一个全局的"加载中..."提示 $(function(){ $("#loading").ajaxStart(functio ...
- ajax type是get请求,jQuery的Ajax请求数据时type无法使用GET
写一个ASP.NET MVC例子,它是使用jQuery的$.Ajax来呼叫控制器的数据. 创建一个视图: 运行结果: 一切正常,但是本例子我们只是获取数据,并没有做任何数据POST上传至控制器,我们尝 ...
- 基于jquery的ajax聊天室系统,基于jQuery的Ajax聊天室应用毕业设计(含外文翻译)...
基于jQuery的Ajax聊天室应用毕业设计(含外文翻译) 毕业设计(论文) I 基于基于 jQuery 的的 Ajax 聊天室应用聊天室应用 摘摘 要要 随着网络的逐渐普及,以及网络技术的不断发展, ...
- ajax post提交数组6,jQuery的ajax()、post()方法提交数组,参数[] 问题
当用$.ajax()向后台提交参数时,如果参数中数组的话一般在后台会用List,或Integer[] 等数组对象进行接收. 比如: $.ajax({ type: "POST", u ...
- html ajax提交表单实例,jQuery使用$.ajax提交表单完整实例
本文实例讲述了jQuery使用$.ajax提交表单的方法.分享给大家供大家参考,具体如下: 首先,新建Login.html页面: /p> "http://www.w3.org/TR/x ...
- ajax静态加载图片,JQuery实现Ajax加载图片的方法
本文实例讲述了JQuery实现Ajax加载图片的方法.分享给大家供大家参考,具体如下: 最近在学习JQuery,想从原理上模拟一下无刷新的相册浏览. 最先想到的思路是利用缓存,也就是先显示提示消息,然 ...
- .net mvc ajax重定向,如何在MVC3 JQuery的Ajax调用重定向到新的页面(连同模型)(How to redirec...
我已经忘记密码页面,当用户输入用户名并点击"验证"按钮来检查他是在哪个组的基础上,我们需要显示不同的局部视图(现在让我们说,这是电话号码)的组这一页. 填写有效信息后, 成功我会重 ...
- ajax的get json数据格式,jQuery / 用getJSON()方法加载JSON格式数据 - 汇智网
加载JSON格式数据 jQuery的AJAX中使用getJSON()方法异步加载JSON格式数据.获取服务器中的数组,并对获取的数据进行解析,显示在页面中. 语法:$.getJSON(url,[dat ...
- ajax返回的图片数据格式,jquery发送ajax请求返回数据格式
jquery向服务器发送一个ajax请求后,可以返回多种类型的数据格式,包括:html,xml,json,text等. 1.html格式的数据 " "+username+" ...
- php中jquery ajax请求参数,浅谈Jquery中Ajax异步请求中的async参数的作用
之前不知道这个参数的作用,上网找了前辈的博客,在此收录到自己的博客,希望能帮到更多的朋友: test.html asy.js function testAsync{ var temp; $.ajax( ...
最新文章
- 文件分享微信小程序的设计与开发 Java开发微信小程序 毕业设计
- 图解Transformer(完整版)!
- 【MM配置】Delivery Costs 交货成本
- 【Linux系统编程应用】 V4L2编程基础(一)
- oracle脂肪分析仪,CEM推出油脂快速分析新技术
- android 服务端 漏洞,安卓漏洞 CVE 2017-13287 复现详解-
- 信息学奥赛一本通(2062:【例1.3】电影票)
- 红橙Darren视频笔记 模板模式的应用与BaseActivity
- python游戏源码回合制游戏_python game源码下载
- 如何做好Web 安全测试
- sql主键可以有多个_干货 | 新手请速戳!30个精选SQL面试问题Qamp;A集锦
- python怎么把图片变成字符_用Python把图片变成字符画
- [Misc]IE浏览器真正全屏幕操作技巧
- C++对象模型——指向Data Members的指针(Pointer to Data Members)
- 手机上计算机开n次方,手机计算器还能这样用,99%的人都不知道
- 海洋CMS插件-内置接口的海洋CMS插件
- zemax操作例子_ZEMAX软件使用入门
- 关于百度地图定位出现5e-324的解决办法
- java项目进度跟踪管理系统
- 霍金门徒:计算机如何比人更懂世界
热门文章
- datetimepicker 默认时间_Django项目中如何使用日期时间选择器DateTimePicker
- java设置框架位置_怎样设置label的位置啊?求指导
- pcm转换在线工具_有木有好用的CAD格式转换工具可以推荐?在线等,挺急的
- Linux BPF hello world C语言示例代码
- Linux网络 - 数据包的接收过程
- C/C++常量数据类型
- python写算法快吗_用python写排序算法
- java中string类面试题_java中String类的面试题大全含答案
- 万博java_构建高效的企业级Java应用系列(一)架构篇——1
- DevOps - 用 Ansible 管理 VMware 虚拟机