Ajax方法代码及前台ajax分页

6 篇文章 0 订阅
4 篇文章 0 订阅
$.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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值