h5页面如何实现无刷新url加载其他页面内容？

本文探讨如何在不改变当前页面URL的情况下，在H5页面中加载另一个页面的内容。 这需要区分两种情况：局部内容更新和完整页面加载。

情况一：局部内容更新

如果只需要更新页面的一部分内容，保持URL不变，可以使用Ajax技术。 通过Ajax向目标URL发送请求，获取数据后，用JavaScript动态更新页面HTML。 现代前端框架（如Vue、React）提供更便捷的组件化更新机制，实现局部刷新且URL不变。

vue-admin-change-reviewer

审查 Vue 管理后台的变更请求（Vue 2 + Element UI，Vue 3 + Element Plus）。重点关注最小化变更实现、上线风险检查以及回归检查清单生成。

下载

情况二：完整页面加载

如果需要在当前页面加载另一个URL的完整内容，最简单的方案是使用<iframe></iframe>标签。 <iframe></iframe>可以嵌入另一个HTML页面，在当前页面显示其内容，而不会改变当前页面的URL。

需要注意的是，“静默加载，当前页面不变”的描述存在歧义，不同的理解会对应不同的技术方案。 选择哪种方法取决于具体的应用场景和需求。