在現代的Web開發中，Ajax（Asynchronous JavaScript and XML）是一種常見的技術，它可以實現在不刷新整個頁面的情況下與服務器進行數據交互。而在ASP.NET中，ASHX（ASP.NET Handler）是一種特殊的處理程序，可以用于接收和處理Ajax請求。本文將介紹如何使用Ajax接收ASHX的值，并通過舉例說明其使用方法和實現原理。

假設我們有一個簡單的網頁，其中包含一個按鈕和一個用于顯示返回結果的div元素。當我們點擊按鈕時，通過Ajax向服務器發送請求，服務器返回一個隨機數，然后我們將這個隨機數顯示在div中。下面是代碼示例：

// HTML代碼
<button onclick="fetchRandomNumber()">點擊獲取隨機數</button>
<div id="result"></div>
// JavaScript代碼
function fetchRandomNumber() {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("result").innerHTML = this.responseText;
}
};
xmlhttp.open("GET", "randomNumber.ashx", true);
xmlhttp.send();
}

在上述代碼中，我們使用了XMLHttpRequest對象來發送Ajax請求，并在請求完成后將返回的值賦給div元素的innerHTML屬性。在這個例子中，當我們點擊按鈕時，會調用名為fetchRandomNumber的JavaScript函數。這個函數首先創建一個XMLHttpRequest對象，然后定義一個onreadystatechange事件處理程序，該處理程序在每次Ajax請求狀態發生變化時被調用。當readyState屬性的值變為4（即請求已完成）并且status屬性的值為200（即服務器返回成功），我們將返回的隨機數顯示在div元素中。

雖然我們在這個例子中使用了GET方式發送Ajax請求，但是也可以使用POST方式發送請求。在ASHX處理程序中，我們可以通過context.Request.QueryString（對于GET請求）或context.Request.Form（對于POST請求）方法來獲取傳遞的參數值。例如，如果我們在JavaScript代碼中使用POST方式發送Ajax請求，并傳遞一個名為"name"的參數，我們可以在ASHX處理程序中通過context.Request.Form["name"]來獲取該參數的值。

下面是一個更復雜的例子，演示了如何使用ASP.NET MVC和Ajax接收ASHX的值，并將其顯示在視圖中：

// Controller代碼
public class RandomNumberController : Controller
{
public ActionResult Index()
{
return View();
}
public JsonResult GetRandomNumber()
{
int randomNumber = new Random().Next(1, 100);
return Json(randomNumber, JsonRequestBehavior.AllowGet);
}
}
// View代碼
<button id="fetchButton">點擊獲取隨機數</button>
<div id="result"></div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(function() {
$("#fetchButton").click(function() {
$.get("/RandomNumber/GetRandomNumber", function(result) {
$("#result").text(result);
});
});
});
</script>

在這個例子中，我們使用了ASP.NET MVC框架。首先，我們在Controller中定義了兩個方法：Index和GetRandomNumber。Index方法返回一個視圖，該視圖中包含一個按鈕和用于顯示結果的div元素。GetRandomNumber方法生成一個隨機數并將其以JSON格式返回。在View中，我們使用jQuery庫來處理點擊事件，并通過Ajax請求調用GetRandomNumber方法。在請求成功后，我們將返回的結果顯示在div元素中。

綜上所述，通過使用Ajax接收ASHX的值，我們可以在網頁中實現與服務器的動態數據交互。無論是在傳統的ASP.NET Web Forms中，還是在現代的ASP.NET MVC框架下，都可以輕松地實現這一功能。通過這種方式，我們可以開發出更加靈活和響應式的Web應用程序。