JavaScript中的ajax技術是一種常用的異步請求數據的方法，可以在不刷新整個頁面的情況下，更新指定的部分內容。使用ajax技術可以實現無需用戶交互，實時更新頁面數據，提高用戶體驗。本文將介紹如何在JavaScript中實現ajax不刷新頁面的效果。
首先來看一下ajax的基本使用方法。通過以下代碼，可以發送一個ajax請求，獲取服務器返回的數據，然后更新到指定的HTML元素中。

var xhr = new XMLHttpRequest();
xhr.open('GET', '/api/data', true);
xhr.send();
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
document.getElementById('result').innerHTML = xhr.responseText;
}
};

上面的代碼中，我們使用了XMLHttpRequest對象發送了一個get請求，請求的地址是'/api/data'， async參數指定為true，表示發送異步請求。其中，xhr.onreadystatechange是一個事件處理函數，在每次狀態改變時觸發，當狀態值為4時（請求完成），并且狀態碼為200時（請求成功），將服務器返回的數據更新到id為'result'的HTML元素中。
需要注意的是，ajax請求是異步的，所以回調函數的執行順序是不能確定的。如果在回調函數執行完之前，請求已經發生了變化，或者頁面已經被卸載，那么回調函數也有可能無法執行。因此，在使用ajax技術時需要注意一些細節問題。
為了避免上述問題，可以使用jQuery等庫來實現ajax請求。通過jQuery.ajax方法來發送ajax請求，可以更方便地處理成功和失敗的回調函數。
例如：

$.ajax({
url: '/api/data',
method: 'GET',
dataType: 'json',
success: function(data) {
// 請求成功
console.log(data);
},
error: function(xhr, status, error) {
// 請求失敗
console.log(error);
}
});

上面的代碼中，我們使用了jQuery.ajax方法，指定了請求的地址、請求方法、數據類型等。通過success和error參數，分別指定了請求成功和失敗的回調函數。
在頁面中使用ajax請求時，為了實現不刷新的效果，通常會使用局部刷新技術。局部刷新的思路是，在頁面中使用Ajax異步請求從服務器端獲取數據，然后使用JavaScript動態修改當前頁面的結構和樣式，以達到更新數據的目的。
例如，以下代碼實現了當點擊按鈕時，在id為result的元素中顯示當前時間的功能：

document.getElementById('btn').onclick = function() {
$.ajax({
url: '/api/time',
method: 'GET',
dataType: 'json',
success: function(data) {
document.getElementById('result').innerHTML = data.time;
}
});
};

上面的代碼中，我們先給id為'btn'的按鈕綁定了一個點擊事件。當點擊按鈕時，發送ajax請求獲取當前時間數據，并將時間數據更新到id為'result'的元素中。
總之，ajax技術可以在不刷新整個頁面的情況下，實現實時更新部分內容的功能。在使用時，需要注意異步請求的處理問題，使用jQuery等庫可以更方便地處理回調函數，局部刷新技術可以實現不刷新整個頁面的效果。