Ajax方法代碼及前臺ajax分頁

$.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>&nbsp條,</span>"
                        htmladd1 += "<span class='r_f'>共:<b>" + res.totalPages
                                + "</b>&nbsp頁,&nbsp</span>"
                        htmladd1 += "<span class='r_f'>當前顯示第&nbsp&nbsp;<b>"
                                + res.pageNow + "</b>&nbsp&nbsp頁</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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章