AJAX（Asynchronous JavaScript and XML）是一種用于創建交互式網頁應用程序的技術。它通過異步請求從服務器獲取數據，并在不刷新整個頁面的情況下更新頁面的一部分。WCF（Windows Communication Foundation）是一種用于創建分布式應用程序的框架，它可以通過網絡在不同的計算機之間進行通信。本文將介紹如何使用AJAX調用WCF服務，并舉例說明。

對于一個在線商城網站，我們可以使用AJAX調用WCF服務來獲取商品信息。當用戶在網站上搜索商品時，AJAX可以通過異步請求將用戶輸入的關鍵字發送給WCF服務，并獲取與關鍵字匹配的商品信息。這樣用戶就不需要刷新整個頁面，只需等待返回的結果即可。

首先，我們需要在WCF服務中定義一個可以被AJAX調用的方法。例如，我們可以在WCF服務的接口中添加一個名為“GetProductInfo”的方法，用于根據關鍵字獲取商品信息：

<OperationContract>
Public Function GetProductInfo(ByVal keyword as String) as String
End Function

然后，我們需要在WCF服務的實現類中實現這個方法。例如，在實現類中，我們可以使用關鍵字搜索數據庫，并返回與關鍵字匹配的商品信息：

Public Function GetProductInfo(ByVal keyword as String) as String Implements IProductService.GetProductInfo
' Search the database using keyword
' Retrieve the matching product information
' Convert the product information to string format
' Return the product information
End Function

接下來，我們需要在AJAX中調用WCF服務的方法。首先，我們需要創建一個XMLHttpRequest對象：

var xhr = new XMLHttpRequest();

然后，我們需要使用open()方法來指定異步請求的HTTP方法、請求的URL和是否異步發送請求：

xhr.open('POST', 'http://localhost/ProductService.svc/GetProductInfo', true);

接下來，我們需要設置請求頭信息，指定請求的Content-Type為“application/json”，并將請求的數據以JSON字符串的格式發送給服務器：

xhr.setRequestHeader('Content-Type', 'application/json');
var requestData = JSON.stringify({ keyword: 'laptop' });
xhr.send(requestData);

最后，我們需要設置回調函數來處理服務器返回的響應。當服務器返回響應時，回調函數將被觸發：

xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
var responseData = JSON.parse(xhr.responseText);
// Update the webpage with the product information
}
else {
// Handle the error
}
}
};

上述代碼中，當服務器返回的狀態碼為200時，表示請求成功，我們可以通過解析響應文本來獲取服務器返回的商品信息，并更新網頁。如果服務器返回的狀態碼不為200，表示請求失敗，我們可以根據具體的錯誤碼來處理錯誤。

通過以上步驟，我們可以使用AJAX調用WCF服務，并獲取服務器返回的商品信息。這種方式可以提高網站的交互性和用戶體驗，同時減少了不必要的頁面刷新。同時，使用JSON作為數據交換的格式，可以降低數據傳輸的大小，提高網絡傳輸效率。

總之，AJAX可以通過異步請求從服務器獲取數據，并在不刷新整個頁面的情況下更新頁面的一部分。通過結合WCF服務，我們可以實現更高效的數據交互，提升網站的體驗。