How to make STATIC_URL work in external JS Files (Django)

Question

I am trying to use STATIC_URL in external javascript file. I was expecting the result as it is working in template, but I found that it is not working in external Javascript file.

Please also tell me some work around to make STATIC_URL work in javascript file as it will make my project more manageable.

Also I am sending many ajax request and i want to have something like url template tag in my JS file.

Please let me know if you know solution of any of them.

Thanks

Simeon Visser · Accepted Answer · 2012-07-09 14:06:27Z

2

My solution to this problem is to pass STATIC_URL to your JavaScript code at some point so that it also knows the value. Something like this:

<script type="text/javascript">
myJavaScript('{{ STATIC_URL }}');
</script>

Your JavaScript function myJavaScript can then use it in URLs and wherever it is needed.

answered Jul 9, 2012 at 14:06

Simeon Visser

123k19 gold badges192 silver badges185 bronze badges

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

1 Comment

Paritosh Singh Over a year ago

There is no other go for this other than passing it through template

Max Peterson · Accepted Answer · 2012-07-10 18:28:57Z

1

I use a simple Django app for making Python / Django settings available in javascript.

https://github.com/incuna/django-settingsjs

It works in the same way by rendering the settings in a template but provides a mechanism for making multiple variables available in JavaScript using a view, urls and optionally signals.

answered Jul 10, 2012 at 18:28

Max Peterson

6937 silver badges7 bronze badges

Collectives™ on Stack Overflow

How to make STATIC_URL work in external JS Files (Django)

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related