ホームページ >ウェブフロントエンド >jsチュートリアル >JQuery および JSon_jquery によって実装された非リフレッシュ ページング コード

JQuery および JSon_jquery によって実装された非リフレッシュ ページング コード

WBOY
WBOYオリジナル
2016-05-16 18:02:231085ブラウズ

図に示すように
ビデオが再生されているので、次のページをクリックしてコメントを読みます。ページング。
ソース コードは次のとおりです (10 件のレコードを表示するのに 1 ページを使用します):
4 つのファイルが必要です
1 つのエンティティ クラス ファイル categoryInfoModel.cs
1 つの SqlHelper SQLHelper.cs
1 つの AJAXサーバー側の処理プログラム PagedService.ashx
クライアントは、ページ WSXFY.htm
CategoryInfoModel.cs および SQLHelper.cs を呼び出します。ファイルが何であるかは誰もが知っています。コードは次のとおりです

コードをコピーします コードは次のとおりです:
System.Web を使用します。 Script.Serialization;
public void ProcessRequest(HttpContext context )
{
context.Response.ContentType = "text/plain"
string strAction = context.Request["Action"]; >// ページ番号を取得します
if (strAction = "GetPageCount")
{
string strSQL = "SELECT COUNT(*) FROM categoryInfo";
int intRecordCount = SqlHelper.ExecuteScalar(strSQL) );
int intPageCount = intRecordCount / 10;
if (intRecordCount % 10 != 0)
{
intPageCount ;
context.Response.Write(intPageCount); 🎜>}//各ページのデータを取得します
else if (strAction == "GetPageData")
{
string strPageNum = context.Request["PageNum"]
int intPageNum = Convert .ToInt32(strPageNum);
int intStartRowIndex = (intPageNum - 1 ) * 10 1;
int intEndRowIndex = (intPageNum) * 10 1;
string strSQL = "SELECT * FROM ( SELECT ID,CategoryName, Row_Number() OVER(ORDER BY ID ASC) AS rownum FROM categoryInfo) AS t";
strSQL = " WHERE t.rownum >= " intStartRowIndex " AND t.rownum <= " intEndRowIndex;
DataSet ds = new DataSet();
SqlConnection conn = SqlHelper.GetConnection( ; 0; i
{
CategoryInfoModel categoryinfo = new categoryInfoModel();
categoryinfo.CategoryInfoID = Convert.ToInt32(ds.Tables[0] .Rows[i]["ID"]);
categoryinfo.CategoryName = ds.Tables[0].Rows[i]["CategoryName "].ToString();
categoryinfo_list.Add(categoryinfo);
}
JavaScriptSerializer jss = new JavaScriptSerializer();
context.Response.Write(jss.Serialize(categoryinfo_list));/ /エンティティ コレクションを JavaScript オブジェクトにシリアル化します
}
}


WSXFY.htm コードは次のとおりです




コピーコード


コードは次のとおりです:
更新ページなし type="text/javascript" src="../Scripts/jquery-1.5.1.min.js ">