然后，在JavaScript文件中编写代码来获取并显示动态内容。以下是一个使用AJAX来获取数据的示例：

// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();

// 设置请求方式和URL
xhr.open('GET', 'dynamic-data.json', true);

// 发送请求
xhr.send();

// 监听请求状态变化
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求成功，获取返回的数据
    var data = JSON.parse(xhr.responseText);
    
    // 在页面中显示动态内容
    var dynamicContent = document.getElementById('dynamic-content');
    dynamicContent.innerHTML = data.content;
  }
};

上述代码通过发送一个GET请求来获取一个JSON文件（例如dynamic-data.json），然后将返回的数据插入到页面中的动态内容容器中。

通过这种方法，你可以在不重新构建整个静态网站的情况下，使用AJAX来获取并显示动态内容和组件。你可以根据需要使用不同的后端技术来生成动态数据，并将其返回给前端。