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 的原理，我们可以实现实时更新网页的各个功能模块，从而提升用户体验，并实现各种功能需求。