ajax分页

最新推荐文章于 2019-04-17 18:37:50 发布

张东_

最新推荐文章于 2019-04-17 18:37:50 发布

阅读量735

点赞数 1

分类专栏：源码 c# jquery

本文链接：https://blog.csdn.net/zhangdong7514280095/article/details/8961240

版权

c# 同时被 3 个专栏收录

40 篇文章 0 订阅

订阅专栏

源码

21 篇文章 0 订阅

订阅专栏

jquery

7 篇文章 0 订阅

订阅专栏

前台：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ajax分页.aspx.cs" Inherits="ajax.ajax分页" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Jquery1.7.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            function fun(pgindex, pgsize) {
                $.ajax({
                    type: "post",
                    contentType: "application/json",
                    url: "WebService1.asmx/ajaxview",
                    data: "{pageindex:'" + pgindex + "',pagesize:'" + pgsize + "'}",
                    success: function (data) {
                        var a = "<table>";
                        var b = "<tr><td>id</td><td>标题</td><td>内容</td><td>创建时间</td></tr>";
                        var c = "";
                        for (var i = 0; i < data.d.length; i++) {
                            c += "<tr><td>" + data.d[i].Id + "</td><td>" + data.d[i].NewsTitle + "</td><td>" + data.d[i].NewsContent + "</td><td>" + data.d[i].CreateTime + "</td></tr>";
                        }
                        var d = "</table>";
                        $("#div1").html(a + b + c + d);
                    }
                })
            }
            var y;
            function maxpage() {
                $.ajax({
                    type: "post",
                    contentType: "application/json",
                    url: "WebService1.asmx/pagecount",
                    data: "{}",
                    success: function (data) {
                        y = data.d;
                    }
                })

            }
            var x = 1;
            fun(1, 5);
            maxpage();
            $("#1").click(function () {

                fun(1, 5);
            })
            $("#2").click(function () {
                if (x > 1) {
                    x--;
                    fun(x, 5);
                }
            })
            $("#3").click(function () {
                maxpage();
                if (x < y) {
                    x++;
                    fun(x, 5);
                }
            })
            $("#4").click(function () {
                fun(y, 5);
                x = y;
            })
        })


    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="div1">

    </div>
    <a id="1" href="#">首页</a>
    <a id="2" href="#">上一页</a>
    <a id="3" href="#">下一页</a>
    <a id="4" href="#">尾页</a>
    </form>
</body>
</html>
axsm：

[WebMethod]
        public List<Model.T_News1> ajaxview(int pageindex, int pagesize)
        {
            BLL.T_News1 b = new BLL.T_News1();
            DataTable dt= b.RunProcedureDataTable(pagesize, pageindex);
            List<Model.T_News1>li=new List<Model.T_News1>();

            for (int i = 0; i < dt.Rows.Count; i++)
            {
                Model.T_News1 t = new Model.T_News1();
                t.Id = Convert.ToInt32(dt.Rows[i]["Id"]);
                t.NewsTitle = dt.Rows[i]["NewsTitle"].ToString();
                t.NewsContent = dt.Rows[i]["NewsContent"].ToString();
                t.CreateTime = Convert.ToDateTime(dt.Rows[i]["CreateTime"]);
                li.Add(t);
            }
            return li;

        }
        [WebMethod]
        public int pagecount()
        {
            BLL.T_News1 b = new BLL.T_News1();
            int a = b.GetRecordCount("");
            if (a % 5 == 0)
            {
                return a / 5;
            }
            else
            {
                return a / 5+1;
            }
        }