如何在django中将html文件的内容加载到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中，然后让你的点击功能取消隐藏。