C#基於數據庫存儲進程的AJAX分頁實例。本站提示廣大學習愛好者：（C#基於數據庫存儲進程的AJAX分頁實例）文章只能為提供參考，不一定能成為您想要的結果。以下是C#基於數據庫存儲進程的AJAX分頁實例正文
本文實例講述了C#基於數據庫存儲進程的AJAX分頁完成辦法。分享給年夜家供年夜家參考。詳細以下：
起首我們在數據庫（SQL Server）中聲明界說存儲進程
use sales --指定命據庫
if(exists(select * from sys.objects where name='proc_location_Paging')) --假如這個proc_location_paging存儲進程存在則刪除
drop proc proc_location_Paging
go
create proc proc_location_Paging --創立存儲進程
(
@pageSize int, --頁年夜小
@currentpage int, --以後頁
@rowCount int output, --總行數(傳出參數)
@pageCount int output --總頁數(傳出參數)
)
as
begin
select @rowCount= COUNT(locid) from location --給@rowCount賦值
select @pageCount= CEILING((count(locid)+0.0)/@pageSize) from location --給@pageCount賦值
select top (@pagesize)* from (select ROW_NUMBER() over(order by locid) as rowID,* from location) as t1
where rowID >(@pageSize*(@currentpage-1))
end
go
---------------------------------以上就表現這個存儲進程曾經界說完了。
---------------------------------以下是履行這個存儲進程。我們可以看成果
declare @rowCount int,@pageCount int --先聲明兩個參數
--履行proc_location_Paging這個存儲進程。@rowCount,@pageCount前面都有output 表現它們兩是輸入參數
exec proc_location_Paging 10,1,@rowCount output,@pageCount output
select @rowCount,@pageCount --查詢這兩個參數的值
由於是直接拜訪數據庫的，所以我們將上面這條辦法寫入到DAL層中，這裡我將它寫入到SqlHelper中
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Configuration;
using System.Data.SqlClient;
using System.Data;
using System.Reflection;
namespace LLSql.DAL
{
public class SqlHelper
{
/// <summary>
/// 獲得銜接數據庫字符串
/// </summary>
private static string connStr = ConfigurationManager.ConnectionStrings["ConnStr"].ConnectionString;
public static DataTable ExecuteProcPageList(int pageSize, int currentPage, out int rowCount, out int pageCount)
{
using (SqlConnection conn = new SqlConnection(connStr))
{
conn.Open();
using (SqlCommand cmd = conn.CreateCommand())
{
cmd.CommandText = "proc_location_paging"; //存儲進程的名字
cmd.CommandType = CommandType.StoredProcedure; //設置敕令為存儲進程類型(即：指明我們履行的是一個存儲進程)
rowCount = 0;
pageCount = 0;//這裡隨意給rowCount，pageCount賦個值，由於應用out傳遞參數的時刻，在辦法外部必定要給out參數賦值能力用它，然則固然這裡給它賦初值了，然則在履行存儲進程中，存儲進程又會給這兩個參數賦值，並返還回來給我們，誰人才是我們要值
SqlParameter[] parameters ={
new SqlParameter("@pageSize",pageSize),
new SqlParameter("@currentpage",currentPage),
new SqlParameter("@rowCount",rowCount),
new SqlParameter("@pageCount",pageCount)
};
//由於在存儲進程中@rowCount 與@pageCount 是一個輸入參數(output), 而parameters這個數組裡，第三，和第四個參數就是要用來調換失落這兩個輸入參數的，所以這裡要將parameters這個數組裡的這兩個參數設為輸入參數。
parameters[2].Direction = ParameterDirection.Output;
parameters[3].Direction = ParameterDirection.Output;
cmd.Parameters.AddRange(parameters); //將參數傳遞給我們的cmd敕令對象
DataTable dt = new DataTable();
using (SqlDataAdapter adapter = new SqlDataAdapter(cmd))
{
adapter.Fill(dt);//到數據庫去履行存儲進程，並將成果填充到dt表中
}
//等存儲進程履行終了後，存儲進程會把這兩個輸入參數傳遞出來。那末我們在這裡來獲得這兩個前往參數。
rowCount = Convert.ToInt32(parameters[2].Value);
pageCount = Convert.ToInt32(parameters[3].Value);
return dt;
}
}
}
}
}
在DAL文件夾中（ 層中） 創立一個Aticel.cs類 發生一個list
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Data;
using LLSql.DAL;
using WebApplication1.Model;
namespace WebApplication1.DAL
{
public class Aticel
{
public static List<Location> GetPageListByPageIndex(int pageSize,int currentpage,out int rowCount,out int pageCount)
{
DataTable dt= SqlHelper.ExecuteProcPageList(pageSize, currentpage,out rowCount,out pageCount);
var list = new List<Location>();// 聲明一個泛型對象list
if (dt != null && dt.Rows.Count > 0)
{
//將DataTable轉換成一個list
list = (from p in dt.AsEnumerable() //（遍歷DataTable）
select new Model.Location
{
Locid = p.Field<int>("locid"), //將DateTable裡的字段賦值給Location類中的屬性
LocName = p.Field<string>("locName"),
ParentId = p.Field<int>("parentId"),
LocType = p.Field<short>("locType"),
ElongCode = p.Field<string>("elongCode"),
CityCode = p.Field<string>("CityCode"),
BaiduPos = p.Field<string>("BaiduPos"),
Versions = p.Field<short>("Version")
}).ToList();
}
return list; //將這個list前往歸去
}
}
}
在API這個文件夾中創立一個GetPageData.ashx 頁 （BLL層） 在這裡挪用ADL層裡的 Aticel.cs類中的GetPageListByPageIndex()辦法，獲得一個list 並將這個list轉換成一個Json格局字符串， 共AJAX 異步要求獲得。
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Script.Serialization;
namespace WebApplication1.API
{
/// <summary>
/// GetPageData 的摘要解釋
/// </summary>
public class GetPageData : IHttpHandler
{
/// <summary>
/// 依據用戶傳遞確當前頁的頁碼來獲得數據
/// </summary>
/// <param name="context"></param>
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
int pageSize = 10; //設定頁年夜小,每頁顯示10條數據
int currentPage = Convert.ToInt32(context.Request.QueryString["currentPage"]); //設定以後頁
int rowCount = 0; //作為out參數傳遞給辦法,在辦法裡給rowCount賦值
int pageCount = 0; //作為out參數傳遞給辦法,在辦法裡給rowCount賦值
string jsonData = null;
List<Model.Location> list= DAL.Aticel.GetPageListByPageIndex(pageSize, currentPage, out rowCount, out pageCount);
if (list != null && list.Count > 0)
{
//創立Json序列化器，將對象轉換成一個Json格局的字符串
JavaScriptSerializer jsz = new JavaScriptSerializer();
jsonData = jsz.Serialize(list); //將一個list對象轉換成json格局的字符串
context.Response.Write(jsonData);
}
else
{
context.Response.Write("no");
}
}
public bool IsReusable
{
get
{
return false;
}
}
}
}
前端頁面 （將AJAX要求獲得的數據展現也頁面）
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>
<!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>應用AJAX分頁</title>
<script src="jquery-1.11.2.js" type="text/javascript"></script>
<style type="text/css">
table{ margin:80px 500px; }
td{ width:50px; height:auto}
</style>
<script type="text/javascript">
$(function () {
$.get("API/GetPageData.ashx?currentPage=2", function (obj) { //假定以後頁是第二頁currentPage=2
//debugger;
var JsonData = $.parseJSON(obj);
//alert(JsonData[0].Locid);
//debugger;
for (var i = 0; i < JsonData.length; i++) {
var data = "<tr><td >" + JsonData[i].Locid + "</td><td >" + JsonData[i].LocName + "</td><td >" + JsonData[i].ParentId + "</td><td >" + JsonData[i].LocType + "</td><td >" + JsonData[i].ElongCode + "</td><td >" + JsonData[i].CityCode + "</td><td >" + JsonData[i].BaiduPos + "</td><td >" + JsonData[i].Versions + "</td></tr>";
$("#t1").append(data);
}
})
})
</script>
</head>
<body>
<table border="1" cellpadding="5" cellspacing="0" id="t1">
<tr><td>編號</td><td >城市名</td><td >父ID</td><td >locType</td><td >elongCode</td><td >CityCode</td><td >BaiduPos</td><td >Version</td></tr>
</table>
</body>
</html>
願望本文所述對年夜家的C#法式設計有所贊助。
