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异步的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： QT模拟鼠标自动点击：1-鼠标移动自动显
- 下一篇： kindle资源网址