API JSON TO HTML ReferenceError: $ is not defined

Version imprimable

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:

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:

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

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

Code:

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>

09/06/2022, 08h27
Warren37

1 pièce(s) jointe(s)

Non cela ne change rien.
Mon erreur ne vient pas du module node?

Pièce jointe 620503
09/06/2022, 08h32
SpaceFrog

Commence par regarder en console dans l'onglet réseau si ton jquery est bien chargé
09/06/2022, 11h00
Warren37

Dans réseau, jquery est bien chargé.
09/06/2022, 11h06
SpaceFrog

Alors cela veut dire que le script js est interpété trop tôt (avant le chargement de la page)...
Tu as mis ton script dans un ready ?
09/06/2022, 11h19
Warren37

Mon script javascript contient un ready publié en haut de la discussion. Je souhaitais le recevoir grâce à "monitor_data" dans mon html. Je n'ai rien rajouté.

Bonjour à tous,

Et sans utiliser "test.js".

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<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> -->
 
  <script>
 
    var settings = {
      "url": "MonURLAPIici",
      "method": "GET",
      "timeout": 0,
      "headers": {
        "Authorization": "Bearer MonTokenIci"
      },
    };
 
    $(function () {
      $.ajax(settings).done(function (response) {
        $('#monitor_data').append(JSON.stringify(response));
        console.log(response);
      });
    });
  </script>
 
</body>

09/06/2022, 11h50
SpaceFrog

Citation:

Mon script javascript contient un ready publié en haut de la discussion.

Je ne vois pas de ready dans le code que tu as posté ...
09/06/2022, 12h11
Warren37
ASCCIdefond ton code ne m'affiche rien en html et a toujours la même erreur au debug.

Spacefrog tu parles d'encadrer avec
Code:

1 2 $(document).ready(function() { });
?
09/06/2022, 12h44
ASCIIDEFOND

Citation:

Envoyé par Warren37

ASCCIdefond ton code ne m'affiche rien en html et a toujours la même erreur au debug.
?

Soit JQuery n'est pas accessible ou alors il-y a un souci avec Node.
09/06/2022, 13h06
ASCIIDEFOND

Des précisions pour l’utilisation de JQuery avec Node.

https://www.geeksforgeeks.org/how-to...-with-node-js/
https://www.npmjs.com/package/jquery
09/06/2022, 13h36
SpaceFrog
Oui
ou de
Code:

1 2 3 $(function() { .../... });
10/06/2022, 15h20
Warren37

3 pièce(s) jointe(s)

J'ai refait mon projet Express.js
PS: J'avais tester avec tes infos ASCIIdefond

Citation:

Note: Using the "preview" debug extension
C:\Program Files\nodejs\node.exe .\bin\www

Programme www lancé dans la pile des appels.

Malheureusement je ne reçois pas mon appel get api dans le html.

Faut il faire autre chose que:

https://code.visualstudio.com/docs/n...odejs-tutorial

Dans la console de Firefox j'ai ceci:

Pièce jointe 620622

ou une autre impression un peu différente:

Pièce jointe 620623

Merci d'avance
10/06/2022, 23h20
ASCIIDEFOND

Bonsoir à tous,

Le souci vient apparemment de Node.
Désolé, mais je ne vois pas de solution à part désinstaller Node, nettoyer le disque et le réinstaller dans sa dernière version. Ou sinon coder sans JQuery.
Peut-être des pistes dans le sous forum NodeJS.
14/06/2022, 06h23
Warren37

Faut en php avec xampp finalement