您好,登錄后才能下訂單哦!
在C#中,我們可以使用ASP.NET Web Forms或ASP.NET MVC來實現AJAX分頁。這里我將給出一個簡單的ASP.NET Web Forms示例。
首先,創建一個新的ASP.NET Web Forms項目。
在項目中添加一個新的Web Form(例如:Default.aspx)。
在Default.aspx中,添加以下代碼:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="AjaxPagingDemo.Default" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>AJAX Paging Demo</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
function loadData(pageIndex) {
$.ajax({
type: "POST",
url: "Default.aspx/GetData",
data: JSON.stringify({ pageIndex: pageIndex }),
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (response) {
$("#dataContainer").html(response.d);
},
error: function (response) {
alert("Error: " + response.statusText);
}
});
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="dataContainer">
</div>
<button onclick="loadData(1)">Page 1</button>
<button onclick="loadData(2)">Page 2</button>
<button onclick="loadData(3)">Page 3</button>
</form>
</body>
</html>
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace AjaxPagingDemo
{
public partial class Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
[WebMethod]
public static string GetData(int pageIndex)
{
// 模擬從數據庫獲取數據
List<string> data = new List<string>
{
"Item 1",
"Item 2",
"Item 3",
"Item 4",
"Item 5",
"Item 6",
"Item 7",
"Item 8",
"Item 9"
};
int itemsPerPage = 3;
int startIndex = (pageIndex - 1) * itemsPerPage;
int endIndex = Math.Min(startIndex + itemsPerPage, data.Count);
string result =<table>";
for (int i = startIndex; i < endIndex; i++)
{
result += $"<tr><td>{data[i]}</td></tr>";
}
result += "</table>";
return result;
}
}
}
現在,當你運行項目并點擊不同的分頁按鈕時,將通過AJAX請求加載相應的數據。這個示例僅用于演示目的,實際項目中你需要根據自己的需求和數據源進行調整。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。