在前端開發(fā)中，經(jīng)常使用jQuery的ajax來(lái)進(jìn)行異步請(qǐng)求。但是在實(shí)際開發(fā)中，我們可能需要對(duì)ajax請(qǐng)求進(jìn)行監(jiān)聽，比如在請(qǐng)求開始和結(jié)束時(shí)顯示加載動(dòng)畫或者顯示錯(cuò)誤提示等。下面我們就來(lái)介紹如何使用jQuery來(lái)監(jiān)聽ajax請(qǐng)求。

// 監(jiān)聽ajax請(qǐng)求的開始
$(document).ajaxStart(function () {
// 顯示加載動(dòng)畫
$(".loading").show();
});
// 監(jiān)聽ajax請(qǐng)求的結(jié)束
$(document).ajaxStop(function () {
// 隱藏加載動(dòng)畫
$(".loading").hide();
});
// 監(jiān)聽ajax請(qǐng)求的錯(cuò)誤
$(document).ajaxError(function (event, jqXHR, options, errorMsg) {
// 顯示錯(cuò)誤提示
alert("請(qǐng)求失敗：" + errorMsg);
});

上述代碼中，我們通過(guò)jQuery的ajaxStart、ajaxStop和ajaxError函數(shù)來(lái)分別監(jiān)聽ajax請(qǐng)求的開始、結(jié)束和錯(cuò)誤。在請(qǐng)求開始時(shí)，我們可以顯示一個(gè)加載動(dòng)畫，讓用戶知道當(dāng)前頁(yè)面正在進(jìn)行異步請(qǐng)求，在請(qǐng)求結(jié)束時(shí)，我們可以隱藏加載動(dòng)畫。在請(qǐng)求發(fā)生錯(cuò)誤時(shí)，我們可以顯示一個(gè)錯(cuò)誤提示，讓用戶知道請(qǐng)求失敗了。

另外，我們還可以在單個(gè)ajax請(qǐng)求中使用beforeSend和complete函數(shù)來(lái)監(jiān)聽請(qǐng)求的開始和結(jié)束：

$.ajax({
url: "xxx",
type: "post",
data: {},
beforeSend: function () {
// 請(qǐng)求開始前的處理
$(".loading").show();
},
success: function (data) {
// 請(qǐng)求成功后的處理
},
complete: function () {
// 請(qǐng)求結(jié)束后的處理
$(".loading").hide();
},
error: function () {
// 請(qǐng)求失敗后的處理
alert("請(qǐng)求失敗");
}
});

在上述代碼中，我們通過(guò)beforeSend和complete函數(shù)來(lái)分別監(jiān)聽請(qǐng)求的開始和結(jié)束，在請(qǐng)求開始前顯示加載動(dòng)畫，在請(qǐng)求結(jié)束時(shí)隱藏加載動(dòng)畫。

綜上所述，使用jQuery監(jiān)聽ajax請(qǐng)求非常簡(jiǎn)單，只需要使用幾個(gè)特定的函數(shù)就可以輕松實(shí)現(xiàn)。以上是關(guān)于jQuery ajax監(jiān)聽的簡(jiǎn)單介紹，希望對(duì)大家有所幫助。