使用html从前端调用函数

Question

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

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

使用html是否可行，如果可行，最好的方法是什么?如果没有，我应该使用什么工具/方法?

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内容。