Comment utiliser JQuery avec VSC

**mormic** · 08/11/2023, 10h35

Bonjour à tous.
Je développe une petite application client/serveur sur un microcontroleur ESP32 avec Visual Studio Code.
j'utilise Javascript, Ajax pour gérer ma page HTML.
J'aimerais utiliser la librairie JQuery mais cela n'est pas natif et semble bien compliqué à mettre en oeuvre.
Quelqu'un a-t'il déjà implémenté JQuery sur VSC et pourrait m'aider ?
Merci

**umfred** · 09/11/2023, 11h08

il faut récupérer la librairie jquery ou pointer sur un CDN jquery
https://jquery.com/download/

Pour l'ESP32, il y a un tuto https://techtutorialsx.com/2018/09/1...erving-jquery/

**mormic** · 09/11/2023, 16h09

merci Umfred pour ce lien.
Avec Visual Studio Code, j'ai mis le fichier 'jquery-3.7.1.min.js' dans mon répertoire 'data' où il y a mon code HTML, CSS et javascript.
Dans HTML j'ai indiqué '<script src="jquery-3.7.1.min.js" </script>'
Mais il y a déjà le script '<script src="code.js" async></script>'
Cela n'a pas l'air de faire bon ménage car la fermeture du nouveau script est rouge.
Ma question: peut-on utiliser JQuery et JS standard en même temps; dans ce cas quelle est la syntaxe?
Ou bien c'est soit l'un ou soit l'autre?

**mormic** · 09/11/2023, 17h05

Je viens d'écrire ainsi et cela ne fonctionne pas:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="utf-8">
        <title>Gestion domotique Mormic</title>
        <link href="style.css" rel="stylesheet" type="text/css" />
        <script
            src="code.js" async 
            src="jquery.js">
        </script>
    </head>
    <body>

Le code jquery n'est pas interprété!
exemple:

Code :

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

$("#accuse").text("Mise à jour");

**umfred** · 09/11/2023, 18h05

met le jquery avant, l'ordre a de l'importance. mais dans ton dernier code, tu as renommé le fichier jquery ? et retire le async car pour exécuter ton code.js tu as besoin que jquery soit chargé.

https://www.alsacreations.com/astuce...ync-defer.html

**mormic** · 10/11/2023, 12h26

Bonjour Umfred
Mon HTML:

Code :

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

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="utf-8">
        <title>Gestion domotique Mormic</title>
        <link href="style.css" rel="stylesheet" type="text/css" />
        <script src="jquery.js"></script>        
        <script src="code.js" async></script>   
    </head>
    <body>

Si j'enlève async, cela ne fonctionne plus.
Dans l'état actuel; les commandes JQuery ne fonctionnent pas.
C'est désespérant!

Comment utiliser JQuery avec VSC

Visual Studio

Vue hybride

Discussions similaires

Partager

Partager