AJAX是一種在現代網頁開發中廣泛使用的技術，它允許我們通過在網頁上發送異步請求來更新頁面的部分內容，而不需要重新加載整個頁面。在使用AJAX時，我們經常需要獲取HTML元素的自定義屬性的值，以便在發送請求和更新頁面時使用。通過使用JavaScript和jQuery，我們可以很容易地獲取并使用這些自定義屬性的值。

假設我們有一個網頁上的按鈕，我們希望在點擊按鈕時發送AJAX請求，并將按鈕的自定義屬性值作為請求的一部分發送到服務器。例如，我們可以在按鈕上設置一個data-id屬性，表示該按鈕對應的特定條目的ID。當用戶點擊按鈕時，我們希望獲取該屬性值，并將其發送到服務器。

使用原生JavaScript，我們可以通過使用getAttribute方法來獲取元素的自定義屬性值。下面是一個示例：

var button = document.getElementById("myButton");
var id = button.getAttribute("data-id");
console.log(id);

如果我們使用jQuery，可以使用attr方法來獲取自定義屬性值。下面是相同的例子，但使用了jQuery：

var button = $("#myButton");
var id = button.attr("data-id");
console.log(id);

在這些例子中，我們首先通過使用getElementById或$來獲取按鈕元素的引用。然后，我們使用getAttribute或attr方法來獲取按鈕的data-id屬性的值。最后，我們將值打印到控制臺上。

一旦我們獲取了自定義屬性值，我們可以將其作為請求的一部分發送到服務器。在使用AJAX發送請求時，我們可以將自定義屬性的值作為參數傳遞給請求的URL，或者將其包含在請求體中。以下是一個使用原生JavaScript的示例：

var id = button.getAttribute("data-id");
var url = "http://example.com/api/items/" + id;
var xhr = new XMLHttpRequest();
xhr.open("GET", url, true);
xhr.send();

在這個例子中，我們創建一個URL，將按鈕的data-id的值追加到URL的末尾。然后，我們創建一個XMLHttpRequest對象，打開一個GET請求，并發送它。請求將被發送到"http://example.com/api/items/{id}"，其中{id}是按鈕的data-id值。

如果我們使用jQuery的話，可以使用data方法來獲取自定義屬性的值，并將其作為參數傳遞給AJAX請求。下面是相同的例子，但使用了jQuery：

var id = button.attr("data-id");
var url = "http://example.com/api/items/" + id;
$.ajax({
url: url,
method: "GET",
success: function(response) {
// 請求成功時的處理代碼
},
error: function(xhr, status, error) {
// 請求失敗時的處理代碼
}
});

在這個例子中，我們使用attr方法獲取按鈕的data-id值，并將其追加到URL的末尾。然后，我們使用$.ajax方法發送一個GET請求，并在成功或失敗時執行相應的處理代碼。

綜上所述，無論是使用原生JavaScript還是jQuery，我們都可以很容易地獲取HTML元素的自定義屬性值，并將其用于發送AJAX請求。這樣，我們可以在請求中使用這些值來操作和更新頁面的內容，提供更好的用戶體驗。