如何在 javascript popover 中设置动态内容

Question

我有一个显示大量单词的页面。对于每个单词，我可以运行一个重要的数据库查询（例如，左连接几个表）。当我点击这个词时，我希望该查询的结果显示在弹出窗口中。

在生成页面时运行所有查询并不是一个真正的选择，因为它需要很长时间并且有点浪费。

理想情况下，我会有一个设置，当单击单词时，我会以某种方式向服务器发送一个查询，该服务器将响应查询结果。然后我会在弹出窗口中显示查询结果。

我是 webdev 的初学者，但我想我不是第一个拥有这个用例的人。

获得上述效果的最简单方法是什么？

我正在使用 popover.js（通过 Bootstrap 4）。如果重要的话，服务器是用 Django 编写的。

Answer 1

由于没有代码，我会解释你需要做什么：

1 - 在特定 URL 上有一个函数，该函数将接收 POST、执行查询并返回结果（在 JSON 上）

2 - 在您的页面上有一个 Ajax 帖子，当您单击该单词时会触发该帖子。这将向您的函数发出请求（#1），并在弹出框上呈现结果。

如果您需要更多详细信息，请告诉我