CODEWITHSUNDEEP
javascriptdjangodjango-templatesdjango-staticfiles
phoenix97
phoenix97

Reputation: 209

How to pass static js file in django template script?

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?

Upvotes: 1

Views: 1296

Answers (1)

Sumithran
Sumithran

Reputation: 6565

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

Upvotes: 1

Related Questions