如何在javascript弹出窗口中设置动态内容

时间:2018-03-09 22:57:59

标签: javascript jquery django bootstrap-4

我有一个显示大量单词的页面。对于每个单词,我可以运行一个非平凡的数据库查询(例如,左边连接几个表)。我希望当我点击该单词时,该查询的结果会显示在弹出窗口中。

生成页面时运行所有查询实际上不是一个选项,因为它需要很长时间并且有点浪费。

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

对于webdev,我是初学者,但我想我不是第一个拥有此用例的人。

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

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

1 个答案:

答案 0 :(得分:1)

由于没有代码,我将解释你需要做什么:

1 - 在将接收POST的特定URL上有一个函数,执行查询并返回结果(在JSON上)

2 - 在您点击单词时触发的页面上有一个Ajax帖子。这将向您的函数发出请求(#1),并在弹出框中呈现结果。

如果您需要更多详细信息,请与我们联系