$.ajax({
type : "post",
dataType : 'json',
url : "${pageContext.request.contextPath}/subjectInformation/page.action",
data : {
參數名1 : 參數值1,
參數名2: 參數名2
},
success : function(res) {
//回掉函數
}
});
分頁代碼:
<script type="text/javascript">
$(function() {
//頁面一加載,調用pagelist訪問後臺,請求分頁數據
pagelist()
});
function pagelist(pageNumber, totalpage) {
//若當前頁大於總頁數,不請求後臺
if (pageNumber > totalpage) {
alert("親,這是最後一頁了,不要再探索我了" + '!');
return false;
}
//若當前頁大於第一頁,不請求後臺
if (pageNumber < 1) {
alert("親,這是第一頁哦,不要再玩耍我了" + '!');
return false;
}
//每次請求清空當前頁面的數據
$(".thead").empty();
$(".message").empty();
$(".pagination").empty();
//條件查找的條件
var name = $("#name").val();
$.ajax({
type : "post",
dataType : 'json',
url : "${pageContext.request.contextPath}/subjectInformation/page.action",
data : {
pageNumber : pageNumber,
name : name
},
success : function(res) {
//拼接頁數
var firstpage = 1;
var beforepage = res.pageNow - 1;
var nextpage = res.pageNow + 1;
var lastpage = res.totalPages;
htmladd1 = "<span class='r_f'>共:<b>" + res.total
+ "</b> 條,</span>"
htmladd1 += "<span class='r_f'>共:<b>" + res.totalPages
+ "</b> 頁, </span>"
htmladd1 += "<span class='r_f'>當前顯示第  <b>"
+ res.pageNow + "</b>  頁</span>"
$(".message").append(htmladd1);
htmladd2 = "<li class='paginItem'><a href='javascript:;' onclick='javascript:pagelist("
+ firstpage + ")'>首頁</a></li>"
htmladd2 += "<li class='paginItem'><a href='javascript:;' onclick='javascript:pagelist("
+ beforepage
+ ","
+ lastpage
+ ")'>上一頁</a></li>"
htmladd2 += "<li class='paginItem'><a href='javascript:;' onclick='javascript:pagelist("
+ nextpage + "," + lastpage + ")'>下一頁</a></li>"
htmladd2 += "<li class='paginItem current'><a href='javascript:;' onclick='javascript:pagelist("
+ lastpage + ")'>末頁</a></li>"
$(".pagination").append(htmladd2);
for (var i = 0; i < res.rows.length; i++) {
var count = (res.pageNow - 1) * res.pageSize + i
+ 1;
htmladd = "<tr>";
htmladd += "<td>" + count + "</td>";
htmladd += "<td>" + res.rows[i].subjectName
+ "</td>";
htmladd += "<td>" + res.rows[i].teacherId + "</td>";
htmladd += "<td>" + res.rows[i].maxNum + "</td>";
htmladd += "<td class='displayPart' displayLength='80'>課程貓旗艦店</td>";
htmladd += "<td>" + res.rows[i].gmtCreate + "</td>";
htmladd += "<td>" + res.rows[i].subjectState
+ "</td>";
if (res.rows[i].subjectState == "初始錄入") {
htmladd += "<td class='td-manage'><a title='課題詳細' href='javascript:;' onclick='subject_add("+ res.rows[i].id+")' class='btn btn-xs btn-info Refund_detailed'>申請</a><a title='刪除' href='javascript:;' onclick='member_del(this,'1')' class='btn btn-xs btn-danger' >刪除</a></td>";
} else {
htmladd += "<td class='td-manage'><a title='課題詳細' href='${pageContext.request.contextPath}/subjectInformation/selectById.action?id="
+ res.rows[i].id
+ "' class='btn btn-xs btn-info Refund_detailed'>查看任務進度</a></td>"
// <a title='刪除' href='javascript:;' onclick='member_del(this,'1')' class='btn btn-xs btn-danger' >刪除</a>;
}
htmladd += "</tr>";
$(".thead").append(htmladd);
}
}
});
}
</script>