首先，我們需要了解如何使用Ajax來向服務(wù)器發(fā)送請求，并獲取到需要顯示的頁面內(nèi)容。下面的代碼展示了如何使用JavaScript中的XMLHttpRequest對象來向服務(wù)器發(fā)送Get請求，并在服務(wù)器響應(yīng)后將返回的頁面內(nèi)容插入到指定的Div中：

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function(){
if(xhr.readyState === 4 && xhr.status === 200){
document.getElementById("content").innerHTML = xhr.responseText;
}
};
xhr.open("GET", "http://example.com/page.html", true);
xhr.send();

在上面的代碼中，我們首先創(chuàng)建了一個XMLHttpRequest對象，并通過其onreadystatechange事件監(jiān)聽函數(shù)來處理服務(wù)器的響應(yīng)。當(dāng)服務(wù)器的響應(yīng)狀態(tài)變?yōu)?（即響應(yīng)已完成）并且響應(yīng)狀態(tài)碼為200（即成功），我們將服務(wù)器返回的頁面內(nèi)容插入到id為"content"的Div中。

接下來，我們需要在頁面中創(chuàng)建一個Div元素，并通過點擊事件來觸發(fā)Ajax請求，從而實現(xiàn)Div的內(nèi)容加載。下面的代碼展示了如何通過點擊按鈕來觸發(fā)Ajax請求：

document.getElementById("loadButton").addEventListener("click", function(){
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function(){
if(xhr.readyState === 4 && xhr.status === 200){
document.getElementById("content").innerHTML = xhr.responseText;
}
};
xhr.open("GET", "http://example.com/page.html", true);
xhr.send();
});

在上面的代碼中，我們使用addEventListener方法來添加一個點擊事件的監(jiān)聽器，當(dāng)點擊"loadButton"按鈕時，觸發(fā)Ajax請求。在請求成功后，將服務(wù)器返回的頁面內(nèi)容插入到id為"content"的Div中。

除了在點擊事件中觸發(fā)Ajax請求外，我們還可以在頁面的加載過程中自動觸發(fā)Ajax請求并加載Div的內(nèi)容。下面的代碼展示了如何在頁面加載完成后自動觸發(fā)Ajax請求：

window.addEventListener("load", function(){
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function(){
if(xhr.readyState === 4 && xhr.status === 200){
document.getElementById("content").innerHTML = xhr.responseText;
}
};
xhr.open("GET", "http://example.com/page.html", true);
xhr.send();
});

在上面的代碼中，我們使用addEventListener方法來添加一個頁面加載完成的監(jiān)聽器，當(dāng)頁面加載完成后，自動觸發(fā)Ajax請求。在請求成功后，將服務(wù)器返回的頁面內(nèi)容插入到id為"content"的Div中。

總的來說，通過使用Ajax技術(shù)加載頁面內(nèi)容至Div中，我們可以實現(xiàn)網(wǎng)頁內(nèi)容的動態(tài)加載，改善用戶體驗，同時減少網(wǎng)絡(luò)傳輸數(shù)據(jù)量，提高頁面的加載速度。無論是在點擊事件中觸發(fā)Ajax請求，還是在頁面加載完成后自動觸發(fā)Ajax請求，都可以方便地實現(xiàn)Div的內(nèi)容加載。這種技術(shù)在網(wǎng)頁設(shè)計中具有廣泛的應(yīng)用，能夠提供更好的用戶體驗。