如何使用 HMPLjs (fetch) 从 API 获取 HTML 并在 DOM 中显示？

文章小白一枚，正在不断学习积累知识，现将学习到的知识记录一下，也是将我的所得分享给大家！而今天这篇文章《如何使用 HMPLjs (fetch) 从 API 获取 HTML 并在 DOM 中显示？》带大家来了解一下##content_title##，希望对大家的知识积累有所帮助，从而弥补自己的不足，助力实战开发！

你好！在这篇文章中我想谈谈如何使用 hmpl.js 从 api 获取 html 并在 dom 中显示。

此方法适用于任何 api，因为此模块基于 fetch api，几乎完全复制了 vanilla 解决方案的工作。

假设我们采用返回 html 响应的路由：

api 路由 - http://localhost:8000/api/test

123

并且，比方说，在 id 为“wrapper”的 div 中有一个任务来显示此 html。为此，您可以通过 script 标签连接 hmpl 模块并编写以下代码：

在这段代码中，借助 hmpl 标记，您可以生成可以在 html 中显示的 dom 节点。值得考虑的是，该节点将在 api 请求过程中自动更新。

如果需要添加请求指示器，可以稍微扩展现有代码：

在本例中，当请求发送后，但 api 的响应尚未到达时，该指标就会被触发。

好了，本文到此结束，带大家了解了《如何使用 HMPLjs (fetch) 从 API 获取 HTML 并在 DOM 中显示？》，希望本文对你有所帮助！关注golang学习网公众号，给大家分享更多文章知识！