jQuery Ajax 是一種 JavaScript 技術(shù)，提供了一種簡(jiǎn)單的方式，讓我們可以在網(wǎng)頁(yè)上使用 JavaScript 與服務(wù)器進(jìn)行通信以獲取數(shù)據(jù)，而無(wú)需刷新頁(yè)面。在開(kāi)發(fā)中，我們可以通過(guò)封裝 jQuery Ajax 請(qǐng)求，提高代碼的復(fù)用性和可維護(hù)性。

首先，我們需要?jiǎng)?chuàng)建一個(gè)對(duì)象來(lái)封裝 Ajax 請(qǐng)求，代碼如下：

var AjaxUtil = {
request: function(url, type, data, callback) {
$.ajax({
url: url,
type: type,
data: data,
dataType: 'json',
success: function(response) {
if (callback) {
callback(response);
}
},
error: function(xhr) {
console.log(xhr.responseText);
}
});
}
};

通過(guò)以上代碼，我們創(chuàng)建了一個(gè)叫做 AjaxUtil 的對(duì)象，其中包括了一個(gè) request 方法。該方法接收四個(gè)參數(shù)：請(qǐng)求的 URL 地址、請(qǐng)求的類型（get 或 post）、請(qǐng)求的參數(shù)數(shù)據(jù)和成功回調(diào)函數(shù)。該方法使用 jQuery Ajax 技術(shù)進(jìn)行請(qǐng)求，并在成功回調(diào)函數(shù)中處理服務(wù)器返回的數(shù)據(jù)。

接著，我們就可以在項(xiàng)目中使用 AjaxUtil 對(duì)象來(lái)進(jìn)行請(qǐng)求了，示例如下：

AjaxUtil.request('/user/info', 'get', {id: 1001}, function(response) {
console.log(response);
});

以上示例代碼中，我們調(diào)用了 AjaxUtil 對(duì)象的 request 方法，并傳遞了一個(gè) URL 地址、請(qǐng)求類型、參數(shù)數(shù)據(jù)和成功回調(diào)函數(shù)。當(dāng)請(qǐng)求成功時(shí)，我們會(huì)在控制臺(tái)中輸出服務(wù)器返回的數(shù)據(jù)。

以 Ajax 封裝的形式，可以更好地組織代碼，提高代碼的可讀性、可復(fù)用性和可維護(hù)性。