前台JS代码：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
|
//ajax无刷新分页 function btnList() { var current = 1; $.post("NoRefreshPage.ashx", { "action": "pagenum" }, function (data, status) {//func开始 if (status == "success") {//if开始 $("#trPage").empty(); $("#trPage").append("<td title=tdprev><a href=''>上一页</a></td>"); //添加上一页 $("#trPage td[title='tdprev']").click(function (e) { e.preventDefault(); if (parseInt(current) > 1) { $("#trPage td[title=td" + (current - 1) + "]").click(); } else alert("已经在首页"); }); for (var i = 1; i <= data; i++) { //for开始 var tdPage = "<td title=td" + i + "><a href=''>" + i + "</a></td>"; $("#trPage").append(tdPage); } //for循环结束 $("#trPage").append("<td title=tdnext><a href=''>下一页</a></td>"); //添加下一页 $("#trPage td[title='tdnext']").click(function (e) { e.preventDefault(); if (parseInt(current) < parseInt(data)) { current++; $("#trPage td[title=td" + current + "]").click(); } else { alert("已经在末页"); } }); $("#trPage td").click( function (e) {//func2开始 e.preventDefault(); //取消导向链接 if ($(this).text() != "上一页" && $(this).text() != "下一页") current = $(this).text(); //记录当前页 //alert(current); $.post("NoRefreshPage.ashx", { "action": "page", "pageindex": $(this).text() }, function (data, status) { //func3开始 if (status == "success") {//if2开始 var list = $.parseJSON(data); $("#order").empty(); for (var i = 0; i < list.length; i++) {//for开始 var li = $("<li >orderid=" + list[i].orderid + "| customid=" + list[i].customid + "| employid=" + list[i].employid + " <a id=" + list[i].orderid + " href=''> 删除</a></li>"); $("#order").append(li); } //for循环结束 $("#order li a").click(function (e) {//绑定 删除 事件 e.preventDefault(); // alert($(this).attr("id")); if (confirm("确认删除")) {//确认提示 $.post("NoRefreshPage.ashx", { "action": "remove", "rid": $(this).attr("id") }, function (data, status) { if (status == "success") { if (data == "ok") { $("#order li:eq(" + this + ")").remove(); $("#trPage td[title=td" + current + "]").click(); //单击重新获取当前页. } else { alert("错误"); } } //if else { alert("删除失败"); } } // fun end ); //post end } }); //绑定删除事件结束 } //if2结束 else { alert("错误页码"); } } //func3结束 ); //post结束 }); //func2、页码事件结束 } //if结束/ else { alert("获取分页失败"); } }); //func、post结束/ } //整个函数结束 |
代码比较乱，没有具体函数化，注释已经和清晰。
前台html代码：
|
1
2
3
4
5
|
<div> <ul id="order"></ul> <table><tr id="trPage"></tr></table> <input type="button" id="Button1" onclick="btnList()" value="显示分页" /> </div> |
后台C#代码(该代码在一般处理程序中写)：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
|
public class NoRefreshPage : IHttpHandler { static string sqlstr =@"Data Source=.\sqlexpress;Initial Catalog=Northwind;Integrated Security=True"; SqlConnection sqlconn = new SqlConnection(sqlstr); public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/plain"; string action = context.Request["action"]; if (action == "pagenum") { context.Response.Write( GetPageNum()); } else if (action == "page") { int pageindex=Convert.ToInt32( context.Request["pageindex"]); string jsText = GetContextByPageIndex(pageindex); context.Response.Write(jsText); } else if (action == "remove") { string OrderID = context.Request["rid"]; int result = DelOrdersByID(OrderID); if (result >= 0) { context.Response.Write("ok"); } } } /// <summary> /// 根据ID删除对应的数据行 /// </summary> /// <param name="OrderID">ID</param> /// <returns>受影响行数</returns> private int DelOrdersByID(string OrderID) { string sql = "delete from orders where OrderID=@OrderID"; SqlCommand cmd = new SqlCommand(sql, sqlconn); cmd.Parameters.AddWithValue("OrderID", OrderID); sqlconn.Open(); int result = cmd.ExecuteNonQuery(); sqlconn.Close(); return result; } /// <summary> /// 根据页索引获取对应的数据 /// </summary> /// <param name="pageindex">页索引</param> /// <returns>经过JSON序列化的字符串</returns> private string GetContextByPageIndex(int pageindex) { string sql = "select * from ( select *,ROW_NUMBER() over(order by orderid) rownum " + " from orders where OrderID between 10263 and 10611 ) temp " + " where temp.rownum >=@startindex and temp.rownum<=@endindex";//这边应该使用存储过程，测试作用，直接写sql语句了. SqlDataAdapter sda = new SqlDataAdapter(sql, sqlconn); DataSet ds = new DataSet(); sda.SelectCommand.Parameters.AddWithValue("startindex", (pageindex - 1) * 10 + 1); sda.SelectCommand.Parameters.AddWithValue("endindex", pageindex * 10); sda.Fill(ds, "order"); List<Orders> list = new List<Orders>(); foreach (DataRow dr in ds.Tables[0].Rows) { list.Add(new Orders { orderid = dr[0].ToString(), customid = dr[1].ToString(), employid = dr[2].ToString() }); } JavaScriptSerializer jss = new JavaScriptSerializer(); string jsText = jss.Serialize(list); return jsText; } /// <summary> /// 获取总页数 /// </summary> /// <param name="oneRow">每页行数</param> /// <returns>总页数</returns> private int GetPageNum(int oneRow) { string sql = "select count(*) from orders where OrderID between 10263 and 10611"; SqlCommand cmd = new SqlCommand(sql, sqlconn); sqlconn.Open(); int rownum = Convert.ToInt32(cmd.ExecuteScalar()); sqlconn.Close(); if (rownum % oneRow != 0) { rownum++; } return rownum / oneRow; } |
本文从百度空间搬家到博客园。