在前端開發中，使用AJAX技術可以實現網頁無刷新更新數據的效果，提升用戶體驗。當我們需要獲取HTML元素的屬性值時，比如獲取鏈接的href屬性值，我們通常可以使用JavaScript的getElementById()或getElementsByClassName()等方法。但是，使用AJAX技術時，我們需要通過異步請求來獲取數據，這就需要用到AJAX下獲取href屬性值的方法。

在這里，我們假設有一個簡單的HTML頁面，其中包含幾個鏈接，我們想要通過AJAX獲取每個鏈接的href屬性值。首先，我們需要使用JavaScript的XMLHttpRequest對象創建一個AJAX請求：

var xhr = new XMLHttpRequest();

然后，我們需要指定要請求的頁面地址，并將請求方法設置為GET：

xhr.open('GET', 'your_page_url_here', true);

接下來，我們需要定義一個回調函數，當AJAX請求成功時將被調用。在這個回調函數中，我們可以通過解析請求的響應來獲取HTML頁面的內容：

xhr.onload = function() {
if (xhr.status >= 200 && xhr.status< 400) {
var response = xhr.responseText;
// 在這里解析HTML內容
} else {
console.error('Request failed with status code ' + xhr.status);
}
};

在解析HTML內容之前，我們需要將返回的響應文本插入到一個臨時的DOM元素中去。這樣我們才能方便地使用DOM API來獲取鏈接的href屬性值。比如，我們可以創建一個div元素，并將返回的響應文本設置為其innerHTML屬性：

var tempDiv = document.createElement('div');
tempDiv.innerHTML = response;

接下來，我們就可以使用DOM API來獲取所有的鏈接，并遍歷它們來獲取href屬性值。比如，我們可以使用querySelectorAll()方法來獲取所有的鏈接元素：

var links = tempDiv.querySelectorAll('a');
for (var i = 0; i< links.length; i++) {
var href = links[i].getAttribute('href');
console.log(href);
}

這樣，我們就可以通過AJAX技術來獲取HTML頁面中所有鏈接的href屬性值了。下面是一個完整的示例：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'your_page_url_here', true);
xhr.onload = function() {
if (xhr.status >= 200 && xhr.status< 400) {
var response = xhr.responseText;
var tempDiv = document.createElement('div');
tempDiv.innerHTML = response;
var links = tempDiv.querySelectorAll('a');
for (var i = 0; i< links.length; i++) {
var href = links[i].getAttribute('href');
console.log(href);
}
} else {
console.error('Request failed with status code ' + xhr.status);
}
};
xhr.send();

使用AJAX技術獲取鏈接的href屬性值可以幫助我們在前端開發中更加靈活地操作和處理數據，提高用戶體驗。我們可以根據具體的需求來使用不同的方法和API來獲取元素的屬性值，從而實現更加豐富的功能。