Ajax（Asynchronous JavaScript and XML）是一種用于在前端獲取多個對象的技術。它能夠通過在后臺異步請求數據，然后動態地將數據插入到網頁中，而不需要刷新整個頁面。這使得用戶能夠快速獲取多個對象的最新信息，提升了用戶的體驗。 舉一個例子，假設我們正在閱讀一篇包含多個評論的文章。在傳統的網頁中，我們可能需要刷新整個頁面才能獲取最新的評論。但是通過使用Ajax技術，我們可以在不刷新整個頁面的情況下獲取最新的評論。 在使用Ajax獲取多個對象之前，我們需要首先創建一個XMLHttpRequest對象，這個對象被用來發送請求并接收服務器返回的數據。 以下是一個簡單的使用Ajax獲取多個對象的示例代碼：

```javascript
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
var comments = response.comments;
var article = response.article;
// 在頁面中插入文章內容
var articleContainer = document.getElementById('article-container');
articleContainer.innerHTML = '
' + article + '
';
// 在頁面中插入評論內容
var commentsContainer = document.getElementById('comments-container');
for (var i = 0; i< comments.length; i++) {
commentsContainer.innerHTML += '
' + comments[i] + '
';
}
} else {
console.error('請求失敗');
}
}
};
xhr.open('GET', 'https://example.com/article', true);
xhr.send();
```

在上面的代碼中，我們通過XMLHttpRequest對象發送了一個GET請求來獲取服務器上的文章和評論數據。當服務器返回響應時，onreadystatechange事件被觸發，并且我們可以通過xhr.readyState屬性來得知請求的狀態。在狀態為XMLHttpRequest.DONE且服務器響應狀態碼為200時，我們可以通過xhr.responseText獲取服務器返回的數據。在這個例子中，服務器返回的是一個包含文章和評論的JSON對象。我們通過JSON.parse方法將返回的JSON字符串解析為一個JavaScript對象。 然后，我們可以通過獲取到的數據來更新頁面。在示例代碼中，我們通過innerHTML屬性將文章的內容插入到頁面中的某個容器，然后使用一個循環將評論的內容也逐一插入到頁面中。 需要注意的是，我們在Ajax請求中將參數async設置為true，這意味著請求是異步的。這樣做的好處是，即使在等待服務器響應時，用戶仍然可以繼續瀏覽其他部分的頁面，提升了用戶體驗。 總結而言，Ajax技術使得在前端獲取多個對象成為可能，而無需刷新整個頁面。通過使用Ajax，我們可以異步獲取服務器上的數據，然后動態地將數據插入到頁面中。這樣能夠提高用戶的體驗，并且降低了服務器的負載。

來源：

• https://developer.mozilla.org/zh-CN/docs/Web/API/XMLHttpRequest
• https://www.w3schools.com/xml/ajax_xmlhttprequest_response.asp