本文主要介紹了如何使用 Ajax 返回數據并與 C# 后端進行交互。Ajax 是一種用于創建動態網頁的技術，能夠在不刷新整個頁面的情況下與服務器進行通信，并更新部分頁面內容。

在一個網頁中，有時需要根據用戶的輸入或操作，向服務器發送請求并獲取相應的數據。例如，當用戶在一個搜索框中輸入關鍵詞時，我們希望網頁能夠實時地顯示與關鍵詞匹配的搜索結果。這時，我們可以使用 Ajax 來實現這個功能。

下面以一個簡單的示例來說明。假設我們有一個網頁，其中有一個搜索框和一個顯示搜索結果的區域。

HTML 代碼：
<input type="text" id="search" />
<div id="result"></div>
JavaScript 代碼：
document.getElementById("search").addEventListener("input", function() {
var keyword = this.value;
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var result = xhr.responseText;
document.getElementById("result").innerHTML = result;
}
};
xhr.open("GET", "/search?keyword=" + keyword, true);
xhr.send();
});

在這個示例中，我們通過監聽搜索框的輸入事件來觸發 Ajax 請求。當用戶輸入關鍵詞時，前端 JavaScript 會發送一個 GET 請求到后端的 "/search" 路徑，并將關鍵詞作為參數傳遞過去。

在 C# 后端，我們可以通過處理這個請求來獲取搜索結果，并將結果返回給前端。以下是一個簡單的 C# 后端示例代碼：

C# 代碼：
[HttpGet("/search")]
public string Search(string keyword)
{
// 根據關鍵詞進行搜索，獲取搜索結果
var result = DoSearch(keyword);
// 返回搜索結果
return result;
}

在上面的代碼中，我們使用 ASP.NET Core 的路由特性來定義一個 GET 請求處理方法，該方法的路徑是 "/search"。通過設置參數 "keyword" 來接收前端發送的關鍵詞。在實際的代碼中，我們可以根據關鍵詞進行相應的搜索操作，并將搜索結果作為字符串返回。

通過以上示例，我們可以看到 Ajax 在前后端之間進行數據交互的過程。前端 JavaScript 發送請求到 C# 后端，后端對請求進行處理并返回數據給前端，前端通過回調函數將這些數據更新到頁面上。

Ajax 技術在實際開發中有著廣泛的應用。使用 Ajax 可以大大提升用戶體驗，實現網頁的無刷新更新。同時，結合后端的處理，我們能夠通過 Ajax 完成豐富的功能，例如實時搜索、異步加載數據等。掌握 Ajax 的使用，對于開發動態網頁是非常有幫助的。