公告

ajax无刷新分页之上下翻页

今天刚看了一点ajax的例子，想做一个无刷新分页效果，因为是处于学习阶段可能考虑的比较片面，我现在想实现翻页的功能。现在用ajax编写简单的效果，值的递增

首先创建一个一般处理程序，来接收传入的参数

View Code

1         if (context.Request["hidden"] != null)
2             {
3                 int _id = Convert.ToInt32(context.Request["hidden"].ToString());
4                 int id = _id + 1;
5                 context.Response.Write(id.ToString());
6             }

然后在html页面中添加一个隐藏标签来记录当前的页数，发送到服务器来记性递增，也就是翻页的下一页

<head runat="server">
    <title></title>
    <script src="JS/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {

             //利用隐藏域获取累积数字递增
            var hidden = $("input:hidden").val("1");
            $("#btnOK").click(function () {
                $.post("Json.ashx", { "hidden": hidden.val() }, function (data, status) {
                    if (status == "success") {
                        $("#content").val($("input:hidden").val());
                        $("input:hidden").val(data);
                    }
                });
            })
        })
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="divContent">
    
    </div>
    <input type="hidden"  />
    <input type="text" id="content" />
    <input type="button" id="btnOK" value="确定" />
    </form>
</body>
</html>

posted on 2013-05-05 17:19 WoNiu123 阅读(471) 评论(1) 收藏举报

刷新页面返回顶部

sunli4333

公告

ajax无刷新分页之上下翻页