本文將介紹ASP.NET中的ajax和WebMethod的使用方法及其互相配合的實例。先給出結論：通過ajax調用后臺的WebMethod，可以實現前后臺的數據交互。下面將通過具體的例子來說明。

假設我們有一個頁面，需要根據用戶的輸入實時查詢數據庫，并返回相應結果。傳統的做法是用戶輸入完畢后點擊查詢按鈕，頁面會刷新并顯示結果。這樣的交互方式不夠流暢，用戶體驗較差。而使用ajax和WebMethod結合，可以實現用戶輸入時動態查詢并實時顯示結果，不需要頁面刷新。

首先，在前端頁面中，我們使用jQuery的ajax方法來調用后臺的WebMethod。下面是一個簡單的例子：

$(document).ready(function() {
$("#searchButton").click(function() {
var keyword = $("#keyword").val();
$.ajax({
type: "POST",
url: "Default.aspx/QueryData",
data: JSON.stringify({keyword:keyword}),
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(response) {
var result = response.d;
// 在頁面上顯示查詢結果
$("#result").text(result);
},
error: function(response) {
alert("Error");
}
});
});
});

上述代碼中，“searchButton”是一個按鈕的ID，“keyword”是一個輸入框的ID，用于獲取用戶輸入的關鍵詞。在點擊按鈕時，通過ajax請求將關鍵詞傳遞給后臺的WebMethod。其中，data屬性用于傳遞數據，contentType指定數據格式，dataType指定返回的數據類型。

接下來，在后臺的ASPX頁面中定義WebMethod，并進行數據查詢：

[System.Web.Services.WebMethod]
public static string QueryData(string keyword)
{
// 根據關鍵詞查詢數據庫
// ...
// 返回查詢結果
return result;
}

在后臺頁面中，我們使用了[System.Web.Services.WebMethod]特性來定義WebMethod。在WebMethod內部，我們可以編寫查詢數據庫的邏輯，根據關鍵詞進行查詢并返回結果。

通過以上代碼的結合，在用戶輸入關鍵詞并點擊查詢按鈕后，ajax會將關鍵詞傳遞給后臺的WebMethod，WebMethod進行查詢并返回結果，ajax再將結果顯示在頁面上。這樣用戶就可以實時看到查詢結果，而不需要頁面刷新。

除了實時查詢之外，ajax和WebMethod的結合還可以用于其他方面的數據交互。例如，在用戶進行某個操作后，需要將操作結果傳遞給后臺進行處理，并返回處理結果，可以通過ajax和WebMethod來實現。

總結來說，ajax和WebMethod是ASP.NET中用于實現前后臺數據交互的重要技術組合。通過ajax調用后臺的WebMethod，可以實現前端頁面與后臺邏輯的無縫協作，提升用戶體驗。希望本文對您理解和應用ajax和WebMethod有所幫助。