#th>

th>

nameth>

操作th>

tr>

thead>

tbody>

ul>

td>

tr>

tfoot>

table>

div>

$(function() {

init();

showMenu();

});//使用Ajax异步查询数据

functionqueryPage(pageno) {vardataObj={"pageno": pageno,//pageno 是属性名称,是否增加双引号无所谓

"pagesize":3};if(condition) {

dataObj.queryText=$("#queryText").val();//增加模糊查询条件

}varloadingIndex= -1;

$.ajax({

url:"${APP_PATH}/role/pageQuery.do",

type:"post",

data: dataObj,

beforeSend:function() {

loadingIndex=layer.msg('数据查询中', {icon:6});return true;

},

success:function(result) {//显示结果

layer.close(loadingIndex);if(result.success) {varpageObj=result.page;varroleList=pageObj.data;varcontent= "";

$.each(roleList,function(i, n) {

content+= "";

content+= "" +(i+ 1)+ "";

content+= "";

content+= "" +n.name+ "";

content+= "";

content+= "";

content+= "";

content+= "";

content+= "";

content+= "";

content+= "";

content+= "";

content+= "";

content+= "";

content+= "";

content+= "";//$("tbody").append(content);

$("tbody").html(content);

});//拼接导航条

varpageContent= "";if(pageObj.pageno!= 1) {

pageContent+= '+(pageObj.pageno- 1)+ ')">上一页';

}for(vari= 1; i<=pageObj.totalno; i++) {if(i==pageObj.pageno) {

pageContent+= '+i+ ')">' +i+ '';

}else{

pageContent+= '+i+ ')">' +i+ '';

}

}if(pageObj.pageno!=pageObj.totalno) {

pageContent+= '+(pageObj.pageno+ 1)+ ')">下一页';

}

$(".pagination").html(pageContent);

}else{

layer.msg("角色分页查询数据失败", {time:1000, icon:5, shift:6});

}

},

error:function() {

layer.msg("角色分页查询数据错误", {time:1000, icon:5, shift:6});

}

});

}varcondition= false;//条件查询

functionqueryRole() {varqueryText=$("#queryText");if(queryText.val()== "") {

layer.msg("查询条件不能为空", {time:1000, icon:5, shift:6},function() {

queryText.focus();

});return;

}

condition= true;

queryPage(1);

}functionchangePageno(pageno) {//window.location.href = "/role/index.htm?pageno="+pageno;

queryPage(pageno);

}functioninit() {

$(".list-group-item").click(function() {if($(this).find("ul")) {

$(this).toggleClass("tree-closed");if($(this).hasClass("tree-closed")) {

$("ul",this).hide("fast");

}else{

$("ul",this).show("fast");

}

}

});queryPage(1);

queryPage(${param.pageno});

}script>

jquery ajax 异步分页,jquery 分页 Ajax异步相关推荐

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

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

  2. ajax的同步,jquery ajax属性async(同步异步)

    在jquery的ajax中如果我们希望实现同步或者异步时我们可以直接设置async属性为false和true 同步执行 当把async设为false时,这时ajax的请求时同步的 也就是说,这个时候a ...

  3. jquery+ajax通用无刷新分页

    前台自定义通用分页jquery插件 (一)框架:用jquery+ajax+struts1实现 自动创建行和列 持久层用的是abatis.数据库用的是MySQL. (二)sqlMap shangjia. ...

  4. 一起谈.NET技术,ASP.NET MVC2.0在Tab页中实现异步无刷新分页

    概述 很多地方都存在以Tab页来呈现数据的方式,比如网易.新浪.搜狐.QQ等知名的门户网站的首页,还有大家熟知的博客园首页,都是用了tab页来显示数据.大家之所以喜欢用Tab,因为它能大大的增加显示数 ...

  5. ajax异步修改新闻状态,ajax同步刷新

    [ajax同步刷新]的更多相关文章 \js\ajax.js //图片形式状态切换 function toggle(url,action,obj,str,id){//状态转换/obj-当前对象/str- ...

  6. jQuery源码分析系列(37) : Ajax 总结

    综合前面的分析,我们总结如下3大块: jQuery1.5以后,AJAX模块提供了三个新的方法用于管理.扩展AJAX请求 前置过滤器 jQuery. ajaxPrefilter 请求分发器 jQuery ...

  7. Java程序员从笨鸟到菜鸟之(八十九)跟我学jquery(五)jquery中的ajax详解

    Ajax让用户页面丰富起来, 增强了用户体验. 使用Ajax是所有Web开发的必修课. 虽然Ajax技术并不复杂, 但是实现方式还是会因为每个开发人员的而有所差异.jQuery提供了一系列Ajax函数 ...

  8. JQuery学习系列(九)AJAX

    什么是 AJAX? AJAX = Asynchronous JavaScript and XML. AJAX 是一种创建快速动态网页的技术. AJAX 通过在后台与服务器交换少量数据的方式,允许网页进 ...

  9. jquery queue ajax,如何通过jQuery和Queue发送ajax请求?

    嗯,我有一个"ID"列表,我需要为每个"ID"发送一个Ajax请求. IDE是当请求完成时,运行以下Ajax请求. 所有这些与异步请求,因为否则,浏览器字面上& ...

  10. 详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()

    一,$.get(url,[data],[callback]) 说明:url为请求地址,data为请求数据的列表(是可选的,也可以将要传的参数写在url里面),callback为请求成功后的回调函数,该 ...

最新文章

  1. Unsupported major.minor version (jdk版本错误)解决方案
  2. [非技术参考]C#基础:使用Thread创建线程(1)
  3. 101. 最高的牛【差分 思维】
  4. 双11不过瘾?双十二低至半价继续抢,更有免费学的机会等你抢!
  5. Android之倍数提高工作效率的 Android Studio 奇技
  6. 学习API HOOK,编写了一个winsock 的封包抓取程序,可免费使用;
  7. 工具 | 终于等到你!地表最强工具来袭!
  8. java 类文件分析_分析Java .class文件
  9. 鲲鹏性能优化十板斧(二)——CPU与内存子系统性能调优
  10. c语言黑色星期五公式,求黑色星期五问题~
  11. 快播王欣再做视频;Apple Watch 非法雇佣学生;ofo 进军电单车 | 极客头条
  12. SharePoint Framework 企业向导(六)
  13. 第三章——空间域处理方法
  14. @RequestMapping、@GetMapping、@PostMapping、@PutMapping、@DeleteMapping、@PatchMapping详解
  15. 对于如何彻底的卸载和删除Windows service,有如下方法
  16. 使用Python进行局域网传输文件两种方法
  17. 版人人商城V3.7.6开源解密版小程序前端+后端+安装使用视频教程
  18. 内蒙古煤炭经济杂志社内蒙古煤炭经济编辑部2022年第14期目录
  19. Sentinel限流熔断
  20. 虚拟贝司拓展音源-Toontrack Acoustic EBX

热门文章

  1. Android应用开发——onStop的调用时机
  2. mysql用supervisor管理_Supervisor使用详解
  3. tkinter中鼠标与键盘事件
  4. 解决 Cannot open D:\Program Files\Anaconda3\Scripts\pip-script.py 问题
  5. Python如何生成windows可执行的exe文件
  6. 模拟银行自动提款系统python
  7. GitHub+Hexo搭建自己的Blog之-主题配置
  8. ubuntu14.04安装 R16 Tina Linux SDK
  9. CNN的发展历史(LeNet,Alexnet,VGGNet,GoogleNet,ReSNet)
  10. 衰落信道中的平均信噪比和瞬时信噪比