ajax分页 2017,ajax分页
地区代号地区名称父级代号
var pcount = 12; //每页显示多少条
var page = 1; //当前页
//加载数据
loadData();//加载分页列表
loadPageList();//查询
$("#btn").click(function(){
page= 1;//加载数据
loadData();//加载分页列表
loadPageList();
})//加载数据的函数
functionloadData(){var name = $("#name").val();
$.ajax({
url:"load.php",data:{page:page,pcount:pcount,name:name},type:"POST",dataType:"JSON",success: function(data){var str = "";/*for(var i=0;i
str += "
"+data[i].AreaCode+""+data[i].AreaName+""+data[i].ParentAreaCode+"";
}*/
for(vark in data){
str+= "
"+data[k].AreaCode+""+data[k].AreaName+""+data[k].ParentAreaCode+"";
}
$("#nr").html(str);
}
});
}//加载分页列表
functionloadPageList(){var str = "";//加载上一页
str += "
«";//加载列表
//往左找2个 10
for(var i=page-2;i0){
str+= "
"+p+"";
}
}//当前页
str += "
"+page+"";//往右找2个
for(var i=page;i<=page+1;i++){var p = i+1;var zys =yeShu();if(p<=zys){
str+= "
"+p+"";
}
}//加载下一页
str += "
»";
$("#pagelist").html(str);//给分页列表加事件
jiaShiJian();
}//获取总页数的方法
functionyeShu(){var ts = 0; //总条数
var name = $("#name").val();
$.ajax({
async:false,data:{name:name},type:"POST",url:"shuliang.php",dataType:"TEXT",success: function(data){
ts=data;
}
});var zys = Math.ceil(ts/pcount);returnzys;
}//给分页列表加事件的方法
functionjiaShiJian(){//给上一页加事件
$("#prev").click(function(){//当前页减一
if(page>1){
page--;//重新加载数据
loadData();//重新加载分页列表
loadPageList();
}else{
alert("当前已经是第一页了!");
}
})//给下一页加事件
$("#next").click(function(){//当前页加一
var zsy =yeShu();if(page
page++;//重新加载数据
loadData();//重新加载分页列表
loadPageList();
}else{
alert("当前已经是最后一页了!");
}
})//给中间的列表加事件
$(".plist").click(function(){//换当前页
page = parseInt($(this).text());//重新加载数据
loadData();//重新加载分页列表
loadPageList();
})
}
ajax分页 2017,ajax分页相关推荐
- ajax静态页面实例,AJAX实例:Ajax实现静态页面分页
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 document.getElementById('right').innerHTML='Edit'; } function save() { //保存修改 ...
- 不用ajax实现动态分页,详解ajax +jtemplate实现动态分页
jtemplate是一个基于JQuery的模板引擎插件,功能非常强大,有了她你就再不用为使用JS绑定数据集而发愁了. 主要思路,复制textarea作为模板,ajax加载json数据,添加模板,绑定数 ...
- Springmvc+mybaits 分页处理+ajax翻页
Springmvc+mybaits (分页处理+ajax翻页) (2)/** * 显示微商城模板 */ @RequestMapping(value="/scmb",method = ...
- java如何写ajax,java,jq,ajax写分页
1.先写好html基础样式 我懒得去写css样式233,能看就行 #page { width: 20px; } id name pwd age 上一页 下一页 2.编写servlet 2.1 先写查询 ...
- django ajax 查询,Django分页和Ajax查询
在Django中,实现分页以在多个页面上显示查询项目是非常简单的.使用Ajax仅更新实际发生更改的页面位,而不是每次加载整个页面也是非常直接的.但是,当我们将两者结合在一起时,我发现它有点问题.Dja ...
- jQuery+Ajax+PHP无刷新分页
代码需要在后台运行(包括页面index.html,ajax.php,connect.php,还有数据库food.sql) index.html <!DOCTYPE html> <ht ...
- bootstrap 表格 ajax,bootstrap-table实现ajax分页
bootstrap版本 为 3.X bootstrap-table.min.css bootstrap-table-zh-CN.min.js bootstrap-table.min.js 前端boot ...
- ajax 分页 php,phpajax分页一_PHP教程
ajax分页 php ajax 分页 java ajax分页 asp.net ajax分页 jquery ajax 分页 jsp ajax无刷新分页 asp ajax分页 ajax 分页问题 ajax ...
- yii2 分页ajax,yii2的分页和ajax分页
要想使用Yii分页类 第一步:在控制器层加载分页类 use yii\data\Pagination; 第二步: 使用model层查询数据,并用分分页,限制每页的显示条数 $data = User::f ...
最新文章
- 干货丨盘点人工智能从业者必备的10个深度学习方法
- SpringFox 3.0.0(包含springfox-swagger2-3.0.0)——无法访问/swagger-ui.html解决方案
- 软件工程综合实践专题第三次个人博客作业
- cmd 【已解决】windows连接手机,运行adb devices提示“unauthorized”
- 比较完整的URL验证
- 中介者模式(Mediator)
- HDU 6096 树套树
- Atitit 技术领域之道 技术领域的艺术attilax著 v2 s66.docx Atitit 技术领域之道 attilax著 1. 分类	1 1.1. 按照架构 web cs桌面	1 1.2.
- python ocr 识别 开源_OCR识别-python版(一)
- 七年切图仔如何面试大厂web前端?(沟通软技能总结) | 掘金技术征文
- 达叔的正交化(第三课3.2)
- 你要怎样知足,才会有点幸福
- 菜鸟的AI安全乱谈(2)—通过模型再训练留后门
- 《软技能——代码之外的生存指南》读书笔记之职业(一)
- 一个移动端开发者,对未来的思考
- 闲鱼链接搭建+完整版源码带后台
- 苹果ipv6审核解决方案
- OkHttp3设置Content-Type
- TensorSpace:一套用于构建神经网络3D可视化应用的框架
- JS中,日期对象(获取当前现在的年份,星期,时间)