How to pass static js file in django template script?

Question

I want to load the staticfile json that is present in the code into the js to host the swagger.

My index.html:

<HTML>
<head>
{% load static %}
</head>
<body>
<script src="{% static "js/script1" %}"></script>
<script>
var json_contents = // Use the static json `js/json1.json` in here?
</script>
</body>
</html>

How to do the above?

Does this answer your question? [Using JSON in django template](https://stackoverflow.com/questions/6286192/using-json-in-django-template) — Ivan Starostin, Apr 12 '21 at 07:06
https://stackoverflow.com/questions/6234242/passing-static-json-to-django-template-best-practices — Ivan Starostin, Apr 12 '21 at 07:07

Sumithran · Accepted Answer · 2021-04-12T05:37:06.047

1

You have misspelled the static template tag

{% load static %} <!-- not "staticfiles" -->
<!DOCTYPE html>
<HTML>
  <body>
  <script src="{% static "js/script1.js" %}"></script> <!-- missed .js extention -->
  <script>

    async function load() {
        let url = '{% static "js/json1.json" %}';
        let json_contents = await (await fetch(url)).json();
        console.log(json_contents);
    }
    load();

  </script>
  </body>
</html>

Documentation: Configuring static files

edited Apr 12 '21 at 05:37

answered Apr 12 '21 at 05:06

Sumithran

6,217
4
40
54

Got it. But the question I am asking is not that. It is how to include the static json1.json inside the script. Though, I will make the change in the question – phoenix97 Apr 12 '21 at 05:12
are you using jquery? – Sumithran Apr 12 '21 at 05:15
No. I am currently using vanilla javascript. – phoenix97 Apr 12 '21 at 05:16
is this JSON file is residing in the local server or external server? – Sumithran Apr 12 '21 at 05:19
it is present in the static folder – phoenix97 Apr 12 '21 at 05:20
Actually, it did. Thanks – phoenix97 Apr 13 '21 at 05:45

How to pass static js file in django template script?

1 Answers1