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>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/464185.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

javascirpt历史澄清误解基本概念特点编程语言web2.0网页javascript - javascirpt知识大全...

目录1历史 2澄清误解 3基本概念 4特点 5与Java的不同 6开发工具 历史  大概在1992年&#xff0c;一家称作Nombas的公司开始开发一种叫做C减减&#xff08;C-minus-minus&#xff0c;简称Cmm&#xff09;的嵌入式脚本语言。这个脚本语言捆绑在一个叫做CEnvi的共享软件产品中&a…

入群问的这道C题目,还没人答对

最近好几个同学加我微信&#xff0c;让我帮忙拉他入群&#xff0c;然后我就随手问了个题目&#xff0c;如下上面回答的答案都是不正确的sizeof是 C语言的关键字&#xff0c;这个关键字是用来计算传入参数占用的内存字节数。比如#include <stdio.h> int main() {int a 1;…

纪录专款宝项目

1.sass项目配置&#xff0c;在util.js里面 2.添加的axios全局拦截 3.嵌套路由的实现&#xff0c;后台也是通过嵌套路由实现 4.多个tab切换&#xff0c;请求数据返回与当前tab不一致的问题。由于vue的实时响应&#xff0c;导致当前tabId变化&#xff0c;但是上一个请求还没有结束…

常见单元测试工具介绍

1. C/C语言开发的首选利器- CTest 以前在windows平台下的开发&#xff0c;使用的框架主要是MFC&#xff0c;以及console工程&#xff08;基于win32SDK&#xff09;&#xff0c;属于纯C/C开发的范畴。 因此&#xff0c;使用的单元测试工具&#xff0c;主要有CTest和CppUni…

win10系统的服务器在哪里设置密码,window10怎么设置密码

window10怎么设置密码Windows 10 系统中可以用自己喜欢的图片结合手势来设置登陆密码&#xff0c;很酷很有个性&#xff0c;如何操作呢&#xff1f;1、从开始菜单中打开“设置”应用(也可以通过其他的方式打开“设置”应用&#xff1b;从通知中心打开&#xff1b;从搜索框中搜索…

ubuntu安装配置方法【转】

文章转自&#xff1a;http://www.ygblog.com/user1/31744/archives/2007/153036.html3、apt-get之傻瓜式软件更新方式。在其他的linux发行版上安装额外的软件是件伤脑筋的事&#xff0c;在ubuntu上面安装软件简直是种享受&#xff0c;只要配置一下/etc/apt/sources.list&#x…

Linux 启动优化实战-2.41 秒启动应用!

系统启动是一个大问题&#xff0c;前段时间有同学也问了我这个问题&#xff0c;不仅仅是Linux&#xff0c;Android 下面的启动优化也可以借助bootchar来分析。下面正文是老吴的实操过程。哦&#xff0c;对了&#xff0c;上篇文章有同学问文章的封面&#xff0c;这里贴出来&…

bzoj 4827 [Hnoi2017]礼物——FFT

题目&#xff1a;https://www.lydsy.com/JudgeOnline/problem.php?id4827 式子就是 \sum_{i0}^{n-1}(a[ i ] - b[ ik ] c)^2 。把 b 翻成两倍后卷积即可。关于 c 的部分是一个二次函数&#xff0c;注意 c 只能是整数&#xff01; #include<iostream> #include<cstdi…

C++之虚函数是如何实现的

最近面试过程中问到了虚函数的实现&#xff0c;当时答对了一部分&#xff0c;现在做一个详细的分析&#xff1a; 1.什么是虚函数 在某基类中声明为 virtual 并在一个或多个派生类中被重新定 义的成员函数&#xff0c;用法格式为&#xff1a;virtual 函数返回类型 函数名&#x…

腾达fh307没有显示服务器名,腾达(Tenda)FH307路由器上网设置 | 192路由网

本文介绍了腾达(Tenda)FH307路由器的安装、上网设置方法&#xff0c;同时分别介绍了“ADSL(PPPOE)拨号”、“动态IP”、“静态IP”三种上网方式的区别&#xff0c;以及在腾达(Tenda)FH307路由器上的详细设置。腾达(Tenda)FH307无线路由器一台新购买的腾达FH307路由器实现上网&a…

记得重用layout

2019独角兽企业重金招聘Python工程师标准>>> 这样的布局&#xff1a; <?xml version"1.0" encoding"utf-8"?> <LinearLayout xmlns:android"http://schemas.android.com/apk/res/android" android:layout_width"…

sql2000-2 4/19

SQL2000客戶的上次問題後來H盤自動毀掉了昨天換了顆新硬碟,當資料庫挂上之後,H一直又提示錯誤,後來還是將資料庫路徑設為I傍晚時分親眼目睹了H所有資料被自動刪除的過程,待服務器重新啟動後H無法存取萬幸的是早一步將資料庫路徑作了更動在還原資料庫的過程中用克隆的BAK還原一直…

五一加班

前几年五一放假&#xff0c;我们会去小云家&#xff0c;五一也是荔枝成熟的时候&#xff0c;有一年吃上刚从树上摘的荔枝&#xff0c;现在还能记起那种味道&#xff0c;也是那次之后&#xff0c;想奢入简很难了&#xff0c;荔枝也一定要吃新鲜的了。今年一直还没看到荔枝的影子…

win10系统能做域服务器吗,Win10 LTSC 加入 Windows Server 2019 域服务器

前面的文章已经创建了域服务器、创建了域组织单位、用户组、用户&#xff0c;下面是如何把一台 Win10 LTSC 系统的电脑加入到Windows Server 2019 域服务器&#xff1b;0x01 加域准备修改计算机名、修改IP地址DNS指向 Windows Server 2019 域控制器&#xff1b;注意&#xff1a…

多线程死锁及解决办法

死锁是由于不同线程按照不同顺序进行加锁而造成的。如&#xff1a; 线程A&#xff1a;对lock a加锁 > 对lock b加锁 > dosth > 释放lock b > 释放lock a 线程B&#xff1a;对lock b加锁 > 对lock a加锁 > dosth > 释放lock a > 释放lock b 这样两条线程…

html:web前端开发规范

基本原则* 遵循内容&#xff08;HTML&#xff09;、显示&#xff08;CSS&#xff09;、行为&#xff08;JavaScript&#xff09;分离的代码组织模式 * 代码格式化&#xff0c;保持干净整洁 HTML部分2.1. 添加必须的utf-8的字符集&#xff0c;并且使用HTML5的简洁方式&#xff1…

离职就打低绩效,这样对吗?

应该不止听见一个人说过&#xff0c;担心离职遇到各种不爽的事情&#xff0c;比如卡你的离职时间&#xff0c;比如让你背很低的绩效&#xff0c;比如你今年的年终奖就没有了&#xff0c;再比如&#xff0c;你和原来玩得好的同事突然就没话说了。我记得很清楚的事情是&#xff0…

+ 网页制作效果常用代码

控制横向和纵向滚动条的显隐&#xff1f;<body style"overflow-y:hidden"> 去掉x轴<body style"overflow-x:hidden"> 去掉y轴<body scroll"no">不显表格变色<TD οnmοuseοver"this.style.backgroundColor#FFFFFF&qu…

设计一个串口服务器设备.《需求分析报告》,《项目开发,分布式多串口交换服务器的设计与实现...

摘要&#xff1a;随着信息技术和物联网技术的迅猛发展,TCP/IP网络应用呈现白热化趋势,各种以TCP/IP网络为主的通信设备已经成为主流,网络似乎无处不在.这种局面使得传统的以串行通信为主要通信方式的设备逐渐边缘化,然而要全部更换串行设备,成本开销太大,分布式多串口交换服务器…

设计模式的理解的总结

参考的博客&#xff1a;http://blog.csdn.net/wangeen/article/details/8272501 最近又把设计模式翻了一边&#xff0c;写个个人总结&#xff0c;这个总结比较简单&#xff0c;主要是一些理解&#xff0c;对于他们的实现和应用以后再总结 设计模式是编程抽象化的一个具体的应用…