javascript - 如何将 html 文件的内容加载到 django 中的 javascript 变量中？

Question

我想div在某个事件触发后插入 abc.html 的内容。

我试过了

var content = {% include "path/to/abc.html" %};

$(".myDiv").click(function() {

$("#anotherDiv").insertAfter(content);
});

但是，似乎 `{% include %} 由于某种解析错误而失败。（abc.html 是多行的）

abc.html包含 django 过滤器/标签。

有什么想法吗？

Answer 1

如果 abc.html 是纯 html，那么你可以做一个简单的 ajax 请求来加载文件，例如

$(".myDiv").click(function() {
    $.get('path/to/abc.html', {}, function(content) {
        $(content).insertAfter("#anotherDiv");
    });
});

虽然如果您担心加载时间，您可以更早地将其加载到变量中。

让我知道代码是否有意义或者您有任何问题:)

Answer 2

一种替代方法是将内容放入隐藏的 div 中，然后让您的点击功能取消隐藏它。