无标题文档

请输入名称:

地区代号地区名称父级代号

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分页相关推荐

  1. ajax静态页面实例,AJAX实例:Ajax实现静态页面分页

    该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 document.getElementById('right').innerHTML='Edit'; } function save() { //保存修改 ...

  2. 不用ajax实现动态分页,详解ajax +jtemplate实现动态分页

    jtemplate是一个基于JQuery的模板引擎插件,功能非常强大,有了她你就再不用为使用JS绑定数据集而发愁了. 主要思路,复制textarea作为模板,ajax加载json数据,添加模板,绑定数 ...

  3. Springmvc+mybaits 分页处理+ajax翻页

    Springmvc+mybaits (分页处理+ajax翻页) (2)/** * 显示微商城模板 */ @RequestMapping(value="/scmb",method = ...

  4. java如何写ajax,java,jq,ajax写分页

    1.先写好html基础样式 我懒得去写css样式233,能看就行 #page { width: 20px; } id name pwd age 上一页 下一页 2.编写servlet 2.1 先写查询 ...

  5. django ajax 查询,Django分页和Ajax查询

    在Django中,实现分页以在多个页面上显示查询项目是非常简单的.使用Ajax仅更新实际发生更改的页面位,而不是每次加载整个页面也是非常直接的.但是,当我们将两者结合在一起时,我发现它有点问题.Dja ...

  6. jQuery+Ajax+PHP无刷新分页

    代码需要在后台运行(包括页面index.html,ajax.php,connect.php,还有数据库food.sql) index.html <!DOCTYPE html> <ht ...

  7. bootstrap 表格 ajax,bootstrap-table实现ajax分页

    bootstrap版本 为 3.X bootstrap-table.min.css bootstrap-table-zh-CN.min.js bootstrap-table.min.js 前端boot ...

  8. ajax 分页 php,phpajax分页一_PHP教程

    ajax分页 php ajax 分页 java ajax分页 asp.net ajax分页 jquery ajax 分页 jsp ajax无刷新分页 asp ajax分页 ajax 分页问题 ajax ...

  9. yii2 分页ajax,yii2的分页和ajax分页

    要想使用Yii分页类 第一步:在控制器层加载分页类 use yii\data\Pagination; 第二步: 使用model层查询数据,并用分分页,限制每页的显示条数 $data = User::f ...

最新文章

  1. 干货丨盘点人工智能从业者必备的10个深度学习方法
  2. SpringFox 3.0.0(包含springfox-swagger2-3.0.0)——无法访问/swagger-ui.html解决方案
  3. 软件工程综合实践专题第三次个人博客作业
  4. cmd 【已解决】windows连接手机,运行adb devices提示“unauthorized”
  5. 比较完整的URL验证
  6. 中介者模式(Mediator)
  7. HDU 6096 树套树
  8. Atitit 技术领域之道 技术领域的艺术attilax著 v2 s66.docx Atitit 技术领域之道 attilax著 1. 分类 1 1.1. 按照架构 web cs桌面 1 1.2.
  9. python ocr 识别 开源_OCR识别-python版(一)
  10. 七年切图仔如何面试大厂web前端?(沟通软技能总结) | 掘金技术征文
  11. 达叔的正交化(第三课3.2)
  12. 你要怎样知足,才会有点幸福
  13. 菜鸟的AI安全乱谈(2)—通过模型再训练留后门
  14. 《软技能——代码之外的生存指南》读书笔记之职业(一)
  15. 一个移动端开发者,对未来的思考
  16. 闲鱼链接搭建+完整版源码带后台
  17. 苹果ipv6审核解决方案
  18. OkHttp3设置Content-Type
  19. TensorSpace:一套用于构建神经网络3D可视化应用的框架
  20. JS中,日期对象(获取当前现在的年份,星期,时间)

热门文章

  1. 如何使用CocoaPods?
  2. 红外循迹TCRT5000 舵机SG90
  3. 冻结步态你了解多少呢?
  4. NVIDIA平台xavier upgrade update更新完后驱动丢失问题
  5. css 设置页面与屏幕同样高度
  6. SpringBoot结合Quartz实现定时任务
  7. 怎么在线录制电脑内部声音
  8. 自适应对消算法c语言,LMS自适应对消算法
  9. MySQL:数据库练习题-1
  10. 【腾讯笔试题】2019年腾讯实习正式批移动端开发笔试题