使用HTMX从前端调用函数

Question

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

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

如果是这样的话，那么使用HTMX是否可行呢？如果没有，我应该考虑使用什么工具/方法？

https://github.com/LucaBazzea/flashcard-1000/blob/main/core/views.py

Answer 1

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

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

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