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);
      });
 
  });