今天刚看了一点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>