Ajax是一種強大的技術，它可以實現在不刷新整個頁面的情況下，加載和更新特定內容。在Web開發中，我們經常會遇到需要在網頁上動態加載 JavaScript 的情況。通過使用 Ajax，我們可以通過服務器返回的 JavaScript 代碼來實現這一目標。這使我們能夠有效地更新頁面上的特定功能，而不需要重新加載整個頁面。

讓我們來看一個例子，假設我們有一個網頁上顯示天氣預報的部分。我們希望能夠實時更新天氣信息，而不需要用戶手動刷新整個頁面。我們可以使用 Ajax 來通過服務器請求最新的天氣數據，并將其返回為 JavaScript 代碼。然后，我們可以使用動態加載 JavaScript 的技術，將這些代碼插入到網頁中，從而實現天氣預報的實時更新。

<script>
function loadWeatherScript() {
let xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
let script = document.createElement('script');
script.innerHTML = this.responseText;
document.head.appendChild(script);
}
};
xmlhttp.open('GET', 'weather.php', true);
xmlhttp.send();
}
</script>

在上述代碼中，我們通過使用 XMLHttpRequest 對象來發送一個 GET 請求到服務器（假設服務器返回的天氣數據以 JavaScript 代碼的形式）。一旦服務器響應成功（狀態碼為 200），我們將返回的 JavaScript 代碼插入到網頁的頭部，從而實現加載和執行該腳本。

通過這種方式，我們可以實現網頁上的某個部分實時更新，而不需要用戶手動刷新。這對于需要及時獲取最新數據的功能模塊尤其有用。比如，在社交媒體的評論區中，我們可以使用 Ajax 加載和更新新的評論，從而使用戶能夠實時看到其他用戶發布的內容。

<div id="comments">
<!-- 這里是動態加載的評論 -->
</div>
<script>
function loadNewComments() {
let xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById('comments').innerHTML = this.responseText;
}
};
xmlhttp.open('GET', 'comments.php', true);
xmlhttp.send();
}
// 定時加載新的評論
setInterval(loadNewComments, 5000); // 每隔 5 秒加載一次評論
</script>

在上述代碼中，我們通過定時器調用loadNewComments函數來周期性地加載新的評論。這里的loadNewComments實現了通過 Ajax 請求服務器返回最新的評論數據，并將其插入到網頁的指定區域中。通過這種方式，我們可以實現在評論區中實時加載和更新新發布的評論內容，而不需要用戶手動刷新頁面。

總而言之，Ajax 加載 JavaScript 是一種非常實用的技術，它使我們能夠在不刷新整個頁面的情況下，動態地加載和更新特定內容。通過使用動態加載 JavaScript 的原理，我們可以實現實時更新網頁的各個功能模塊，從而提升用戶體驗，并實現各種功能需求。