使用 HTMX 从前端调用函数答案

【问题标题】：Call a function from the front end using HTMX使用 HTMX 从前端调用函数
【发布时间】：2022-06-19 22:41:34
【问题描述】：

我的视图中有一个函数，它从 JSON 文件中获取数据，并以某种方式格式化该数据，以便可以将其呈现为模板。

我想在不刷新页面的情况下从前端调用该函数。现在我正在研究使用 HTMX 来实现这一点。

使用 HTMX 是否可行，如果可以，最好的方法是什么？如果没有，我应该考虑使用什么工具/方法？

【问题讨论】：

【解决方案1】：

解决方案取决于应该触发请求的事件。例如，如果您需要一些延迟加载，您可以这样做：

<div
    hx-get="{% url 'get_index' %}"
    hx-trigger="load"
    hx-swap="innerHTML"
>
</div>

您需要记住使用分段模板进行响应以仅包含必要的html内容。

【讨论】：