Jquery Ajax 是一種常見的前端技術(shù)，它可以讓我們通過異步請求來向服務(wù)器發(fā)送數(shù)據(jù)，獲取數(shù)據(jù)后更新頁面，而在 Jquery 中則使用 on 方法來注冊 Ajax 的事件處理函數(shù)，這種方式在很多場合下都是非常有效的，但是有時候會出現(xiàn) on Ajax 失效的情況。

// on Ajax 失效的示例代碼
$('body').on('click', '.btn', function() {
$.ajax({
url: '/api/getData',
success: function(data) {
$('.data').html(data);
}
})
});

如上代碼中，我們使用 on 方法來給按鈕綁定事件，當(dāng)點擊按鈕后就會觸發(fā) Ajax 請求，并把返回的數(shù)據(jù)更新到頁面上。但是，有時候當(dāng)我們多次點擊按鈕后，就會發(fā)現(xiàn)事件沒有被觸發(fā)，頁面沒有更新數(shù)據(jù)。

這種情況的原因是，當(dāng)我們多次綁定事件的時候，每個事件處理函數(shù)都會被執(zhí)行。也就是說，如果我們點了 5 次按鈕，那么就會有 5 個事件處理函數(shù)被執(zhí)行，而這些函數(shù)都是發(fā)送 Ajax 請求的，最終就會導(dǎo)致 Ajax 請求的并發(fā)，而服務(wù)器同一時間只能處理一次請求，所以就出現(xiàn)了 Ajax 失效的情況。

解決這個問題的辦法有很多種，其中一種是通過 off 方法來解除綁定事件，代碼如下：

// 使用 off 方法解除事件綁定
$('body').off('click', '.btn').on('click', '.btn', function() {
$.ajax({
url: '/api/getData',
success: function(data) {
$('.data').html(data);
}
})
});

這種方式就是在綁定事件之前先通過 off 方法來解除綁定，這樣就可以避免出現(xiàn)重復(fù)綁定事件的情況，從而保證 Ajax 請求的正常發(fā)送。

總之，對于 Jquery Ajax 失效這種問題，我們需要注意綁定事件的方式以及解除事件綁定的時機(jī)，同時也需要合理的控制并發(fā)請求的次數(shù)，以免對服務(wù)器造成不必要的負(fù)擔(dān)。