jquery ajax 异步分页,jquery 分页 Ajax异步
#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异步相关推荐
- jQuery+Ajax+PHP无刷新分页
代码需要在后台运行(包括页面index.html,ajax.php,connect.php,还有数据库food.sql) index.html <!DOCTYPE html> <ht ...
- ajax的同步,jquery ajax属性async(同步异步)
在jquery的ajax中如果我们希望实现同步或者异步时我们可以直接设置async属性为false和true 同步执行 当把async设为false时,这时ajax的请求时同步的 也就是说,这个时候a ...
- jquery+ajax通用无刷新分页
前台自定义通用分页jquery插件 (一)框架:用jquery+ajax+struts1实现 自动创建行和列 持久层用的是abatis.数据库用的是MySQL. (二)sqlMap shangjia. ...
- 一起谈.NET技术,ASP.NET MVC2.0在Tab页中实现异步无刷新分页
概述 很多地方都存在以Tab页来呈现数据的方式,比如网易.新浪.搜狐.QQ等知名的门户网站的首页,还有大家熟知的博客园首页,都是用了tab页来显示数据.大家之所以喜欢用Tab,因为它能大大的增加显示数 ...
- ajax异步修改新闻状态,ajax同步刷新
[ajax同步刷新]的更多相关文章 \js\ajax.js //图片形式状态切换 function toggle(url,action,obj,str,id){//状态转换/obj-当前对象/str- ...
- jQuery源码分析系列(37) : Ajax 总结
综合前面的分析,我们总结如下3大块: jQuery1.5以后,AJAX模块提供了三个新的方法用于管理.扩展AJAX请求 前置过滤器 jQuery. ajaxPrefilter 请求分发器 jQuery ...
- Java程序员从笨鸟到菜鸟之(八十九)跟我学jquery(五)jquery中的ajax详解
Ajax让用户页面丰富起来, 增强了用户体验. 使用Ajax是所有Web开发的必修课. 虽然Ajax技术并不复杂, 但是实现方式还是会因为每个开发人员的而有所差异.jQuery提供了一系列Ajax函数 ...
- JQuery学习系列(九)AJAX
什么是 AJAX? AJAX = Asynchronous JavaScript and XML. AJAX 是一种创建快速动态网页的技术. AJAX 通过在后台与服务器交换少量数据的方式,允许网页进 ...
- jquery queue ajax,如何通过jQuery和Queue发送ajax请求?
嗯,我有一个"ID"列表,我需要为每个"ID"发送一个Ajax请求. IDE是当请求完成时,运行以下Ajax请求. 所有这些与异步请求,因为否则,浏览器字面上& ...
- 详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()
一,$.get(url,[data],[callback]) 说明:url为请求地址,data为请求数据的列表(是可选的,也可以将要传的参数写在url里面),callback为请求成功后的回调函数,该 ...
最新文章
- Unsupported major.minor version (jdk版本错误)解决方案
- [非技术参考]C#基础:使用Thread创建线程(1)
- 101. 最高的牛【差分 思维】
- 双11不过瘾?双十二低至半价继续抢,更有免费学的机会等你抢!
- Android之倍数提高工作效率的 Android Studio 奇技
- 学习API HOOK,编写了一个winsock 的封包抓取程序,可免费使用;
- 工具 | 终于等到你!地表最强工具来袭!
- java 类文件分析_分析Java .class文件
- 鲲鹏性能优化十板斧(二)——CPU与内存子系统性能调优
- c语言黑色星期五公式,求黑色星期五问题~
- 快播王欣再做视频;Apple Watch 非法雇佣学生;ofo 进军电单车 | 极客头条
- SharePoint Framework 企业向导(六)
- 第三章——空间域处理方法
- @RequestMapping、@GetMapping、@PostMapping、@PutMapping、@DeleteMapping、@PatchMapping详解
- 对于如何彻底的卸载和删除Windows service,有如下方法
- 使用Python进行局域网传输文件两种方法
- 版人人商城V3.7.6开源解密版小程序前端+后端+安装使用视频教程
- 内蒙古煤炭经济杂志社内蒙古煤炭经济编辑部2022年第14期目录
- Sentinel限流熔断
- 虚拟贝司拓展音源-Toontrack Acoustic EBX
热门文章
- Android应用开发——onStop的调用时机
- mysql用supervisor管理_Supervisor使用详解
- tkinter中鼠标与键盘事件
- 解决 Cannot open D:\Program Files\Anaconda3\Scripts\pip-script.py 问题
- Python如何生成windows可执行的exe文件
- 模拟银行自动提款系统python
- GitHub+Hexo搭建自己的Blog之-主题配置
- ubuntu14.04安装 R16 Tina Linux SDK
- CNN的发展历史(LeNet,Alexnet,VGGNet,GoogleNet,ReSNet)
- 衰落信道中的平均信噪比和瞬时信噪比