Javascript - load template in html of element

Question

I have a template that I want to render inside html element on click of element. I want to do something like ( I am using jquery):

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

Buto this of course wont work. How can I achieve this?

EDIT: I am using Django, if this matters!

You can either do it with AJAX or with a library like Handlebars which lets you define your HTML in a template that is then properly injected as a partial. I would recommend using handlebars. — Korgrue
– Korgrue, Commented Jun 5, 2017 at 16:42

Bourbia Brahim · Accepted Answer · 2017-06-18 10:18:29Z

1

Use .load() function , make sur to set the right path to your html tpl .

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

answered Jun 18, 2017 at 10:18

Bourbia Brahim

14.7k4 gold badges45 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1