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

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

情况一：局部内容更新

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

vue-composition-api-best-practices

Vue 3 组合式 API 与 最佳实践，涵盖代码组织、useXxx 模式、组合式函数设计、Store 集成、响应式优化及功能抽取。

下载

情况二：完整页面加载

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

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