AJAX（Asynchronous JavaScript and XML）是一種在Web應用程序中使用的重要技術。它通過在后臺與服務器進行異步通信，允許用戶在不刷新整個頁面的情況下更新部分頁面內容。而ASHX（ASP.NET Handler）是一種處理HTTP請求的特殊處理程序。本文將探討如何使用AJAX和ASHX來添加數據記錄。通過使用這兩種技術的組合，我們可以實現在Web應用程序中動態添加數據的功能，從而提高用戶體驗和頁面加載速度。

在一個基于ASP.NET的Web應用程序中，添加數據記錄是一個非常常見的場景。例如，我們考慮一個電子商務網站，用戶可以在前臺頁面添加商品到購物車中。每當用戶點擊"添加到購物車"按鈕時，應用程序需要將該商品記錄添加到數據庫中，并更新購物車頁面以顯示新添加的商品。

// 購物車頁面
<div id="cartItems">
// 動態生成的購物車商品列表
</div>
<button onclick="addToCart(42)">添加到購物車</button>
// JavaScript
function addToCart(itemId) {
var request = new XMLHttpRequest();
request.open("POST", "/AddToCart.ashx", true);
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
request.onreadystatechange = function() {
if (request.readyState === 4 && request.status === 200) {
var response = JSON.parse(request.responseText);
if (response.success) {
// 更新購物車頁面
var cartItemsDiv = document.getElementById("cartItems");
var newItemElement = document.createElement("div");
newItemElement.textContent = response.itemName;
cartItemsDiv.appendChild(newItemElement);
} else {
alert("添加到購物車失??！");
}
}
};
request.send("itemId=" + encodeURIComponent(itemId));
}

以上代碼展示了一個簡單的添加到購物車的例子。當用戶點擊"添加到購物車"按鈕時，JavaScript函數addToCart會被觸發。它創建了一個新的XMLHttpRequest對象，并將請求發送到服務器的AddToCart.ashx處理程序。在處理程序中，服務器會接收到itemId參數的值，然后執行相應的數據庫操作將商品添加到購物車記錄中。

在服務器端代碼中，我們可以使用C#或VB.NET等語言來實現AddToCart.ashx處理程序。以下是一個C#的示例：

public class AddToCart : IHttpHandler {
public void ProcessRequest(HttpContext context)
{
string itemId = context.Request.Form["itemId"];
// 執行數據庫操作并添加購物車記錄
bool success = AddToDatabase(itemId);
context.Response.ContentType = "application/json";
context.Response.Write("{\"success\":" + success.ToString().ToLower() + ",\"itemName\":\"" + GetItemName(itemId) + "\"}");
}
public bool IsReusable {
get {
return false;
}
}
private bool AddToDatabase(string itemId)
{
// 執行數據庫操作
// 返回操作結果（成功或失敗）
}
private string GetItemName(string itemId)
{
// 根據itemId從數據庫獲取商品名稱
// 返回商品名稱
}
}

這段處理程序代碼接收到前臺傳遞的itemId參數后，調用了AddToDatabase方法將商品添加到購物車記錄中。然后，它通過構造JSON字符串作為響應返回給前臺頁面。該JSON字符串包含了成功/失敗的標志以及添加的商品的名稱。前臺頁面根據響應結果進行相應的處理，若返回成功，則動態添加一個新的