API JSON TO HTML ReferenceError: $ is not defined

**Warren37** · 08/06/2022, 17h44

Bonjour, J'essaye d'afficher une réponse json d'une api dans une page html mais j'ai l'erreur ReferenceError: $ is not defined.
J'ai testé et récupéré une partie de l'ajax sous Postman pour mon code js. En local via un wrapper je peux lire le json dans la console. Je suis sous Visual Studio Code.
Si vous avez un conseil je suis preneur. Merci d'avance

.

PAGE HTML

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<body>
<div id="monitor_data"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="test.js?ver=18"></script>
</body>

PAGE JAVASCRIPT

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
var settings = {
  "url": "MonURLAPIici",
  "method": "GET",
  "timeout": 0,
  "headers": {
    "Authorization": "Bearer MonTokenIci"
  },
};
 
$.ajax(settings)
  .done(function(response) {
    $(document)
      .ready(function() {
        $('#monitor_data')
          .append(JSON.stringify(response))
        console.log(response);
      });
 
  });

**SpaceFrog** · 09/06/2022, 07h59

Jquery non chargé ...
Essaye en remontant tes scripts dans le head

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="test.js?ver=18"></script>
</head>
<body>
<div id="monitor_data"></div>
 
</body>