How to add Django template tags in a different Js file

Question

Hi I want to add the tag {{request.user.first_name}} in my js code. I am aware that if the js code is within the HTML document you can easily add any Django template tag in Django version 3.2.

But for now, my HTML is as such...

<script src="{% static 'dashboard/driver.js' %}"></script>

Which contains over 2000 lines, and I do not want to include it in my HTML file.

So my question is can I add the tag {{request.user.first_name}} and several others in a separate JS file, in my case driver.js.

Any help would be greatly appreciated.

Thanks!

user12065892 · Accepted Answer · 2021-08-16 04:13:50Z

1

You can't add any Django template code in js file directly.

There are 3 ways you can add the first_name in js file.

Write a django ajax views and call the api for first_name from your js file as soon as your page is loaded. or
render your first name in your html file hidden input fields and than grab the fields value it's name or id from your jsfile or
put a utill function on your html js <sccript> tags which are gonna call you driver.js file related method.

answered Aug 16, 2021 at 4:13

user12065892

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

Comments

GreenTurtle · Accepted Answer · 2024-11-19 23:39:23Z

0

No you can't but the solution is very simple. In your html just above where you have your linked script, add a script element that gets the variables you need using django template tags, e.g.

<script>
    var var1 = {{ var1 }};
    var var2 = {{ var2 }};
    var var3 = '{{ var3 }}';
</script>

Then you can just use var1, var2, var3 etc in your static script.

answered Nov 19, 2024 at 23:39

GreenTurtle

9109 silver badges12 bronze badges

Collectives™ on Stack Overflow

How to add Django template tags in a different Js file

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related