同一页面下动态加载内容的两种方式：AJAX与iframe

iframe

iframe能够嵌入另一个 HTML 文档到当前页面。

iframe可以加载任何类型的内容，包括完整的HTML页面。

AJAX

使用 JavaScript 发起 HTTP 请求，通常通过 XMLHttpRequest 或现代浏览器中的 fetch API。

可以异步更新页面内容，而不必刷新整个页面。

主要用于获取和发送数据，可以返回 JSON、HTML、XML 等格式。

选择建议

• 使用 AJAX：当需要仅加载或更新部分页面内容，而且你对内容的显示和操作有更多的控制需求时，AJAX 通常是更好的选择。尤其适合与后台 API 的数据交换。
• 使用 iframe：适合在页面中嵌入完整的第三方内容，比如地图、视频播放器，或者当你无法控制外部资源的内容时。