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 — IVNSTN
– IVNSTN, Commented Apr 12, 2021 at 7:06

Sumithran · Accepted Answer · 2021-04-12 05:37:06Z

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, 2021 at 5:37

answered Apr 12, 2021 at 5:06

Sumithran

6,6157 gold badges46 silver badges60 bronze badges

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

6 Comments

phoenix97 Over a year ago

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

Sumithran Over a year ago

are you using jquery?

phoenix97 Over a year ago

No. I am currently using vanilla javascript.

Sumithran Over a year ago

is this JSON file is residing in the local server or external server?

phoenix97 Over a year ago

it is present in the static folder

|

Collectives™ on Stack Overflow

How to pass static js file in django template script?

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related