Javascript-在元素的html中加载模板

我有一个模板，我想在单击元素时在html元素内部呈现。我想做一些类似于使用jquery的事情：

$(".btn")on("click", function(){ 
     $("#element").html(partial_template.html)
});

但这当然行不通。我怎样才能做到这一点

---

编辑：我正在使用Django，如果这很重要的话

使用.load函数，使sur设置html tpl的正确路径

$(".btn").on("click", function(){ 
     $("#element").load("path_to_your_html_folder/partial_template.html");
});

---

您想了解一下Ajax/API调用，您可以使用Ajax或类似Handlebar的库来实现，Handlebar允许您在模板中定义HTML，然后将其正确地作为部分注入。我建议使用车把。可能是重复的