在現代網頁開發中，獲取數據是一項非常常見的任務。而使用Ajax技術，則是一種較為常用的方式。Ajax可以使我們通過異步的方式，無需刷新整個頁面的情況下獲取和展示數據。在本文中，我們將介紹幾種常見的使用Ajax獲取數據的方式，并給出具體的代碼示例。
一、通過XMLHttpRequest對象獲取數據
首先，我們可以使用XMLHttpRequest對象來發送異步請求。以下是一個使用原生JavaScript實現Ajax獲取數據的簡單示例：

<br><br>
function getData() {<br>
var xhttp = new XMLHttpRequest();<br>
xhttp.onreadystatechange = function() {<br>
if (this.readyState == 4 && this.status == 200) {<br>
var data = JSON.parse(this.responseText);<br>
// 處理獲取到的數據<br>
}<br>
};<br>
xhttp.open("GET", "data.json", true);<br>
xhttp.send();<br>
}<br>

在這個代碼示例中，我們首先創建了一個XMLHttpRequest對象，并通過open()方法指定了請求的方法（GET）、URL（data.json）和是否異步（true）。然后，我們通過send()方法發送了請求。在請求的回調函數中，我們判斷請求的狀態和響應的HTTP狀態碼，如果一切正常，我們可以通過responseText獲取到返回的數據，并進行后續處理。
二、使用jQuery的Ajax方法
如果我們使用jQuery庫，可以更簡潔地來實現Ajax獲取數據。以下是一個使用jQuery的Ajax方法來獲取數據的示例：

<br><br>
function getData() {<br>
$.ajax({<br>
url: "data.json",<br>
method: "GET",<br>
dataType: "json",<br>
success: function(data) {<br>
// 處理獲取到的數據<br>
},<br>
error: function(xhr, status, error) {<br>
// 處理錯誤情況<br>
}<br>
});<br>
}<br>

在這個示例中，我們使用了$.ajax()方法，傳入一個包含相關參數的對象。其中，url參數指定了請求的URL，method參數指定了請求的方法，dataType參數指定了期望的數據類型（這里是JSON）。在success回調函數中，我們可以獲取到返回的數據，并進行后續處理。如果發生錯誤，可以在error回調函數中進行處理。
三、使用Fetch API獲取數據
Fetch API是一個現代的網絡請求API，它提供了更簡潔和強大的方式來獲取數據。以下是使用Fetch API來獲取數據的示例：

<br><br>
function getData() {<br>
fetch("data.json")<br>
.then(response => response.json())<br>
.then(data => {<br>
// 處理獲取到的數據<br>
})<br>
.catch(error => {<br>
// 處理錯誤情況<br>
});<br>
}<br>

在這個示例中，我們通過fetch()方法發送請求，并使用then()方法在請求成功后處理返回的響應。在第一個then()方法中，我們通過response.json()方法將響應的數據解析為JSON格式。然后，在第二個then()方法中，我們可以獲取到解析后的數據，并進行后續處理。如果發生錯誤，可以在catch()方法中進行處理。
總結：
通過上述幾種方式，我們可以靈活地使用Ajax技術來獲取數據。無論是使用原生JavaScript的XMLHttpRequest對象，還是借助第三方庫如jQuery，又或者是使用現代的Fetch API，我們都能夠輕松地在網頁中獲取和展示數據。根據實際需求和開發環境的不同，我們可以選擇最適合自己的方式來使用Ajax獲取數據。