Dans le processus de développement Web, il est très courant d'utiliser Ajax pour l'interaction de données asynchrone. Parmi eux, jQuery est une bibliothèque JavaScript très connue. Elle possède un grand nombre de fonctions et de méthodes intégrées pour faciliter notre développement front-end. Dans jQuery, il est également très simple d'utiliser Ajax pour une interaction de données asynchrone. Il vous suffit d'utiliser la fonction $.ajax() pour y parvenir. Cependant, lors de l'utilisation de la fonction $.ajax(), nous rencontrons parfois un problème, c'est-à-dire que l'invite « Ajax n'est pas une méthode » s'affiche. Alors, quelle est la cause de ce problème ?
Tout d'abord, nous devons préciser que l'invite "Ajax n'est pas une méthode" n'est pas provoquée par jQuery lui-même. En jQuery, la fonction $.ajax() est une méthode définie sur l'objet jQuery. C'est-à-dire que lors de l'appel de la fonction $.ajax(), il faut d'abord instancier un objet jQuery. Si nous utilisons directement la fonction "Ajax()" pour appeler Ajax, cela affichera "Ajax n'est pas une méthode".
Alors, comment le résoudre ? En fait, résoudre ce problème est très simple. Il vous suffit d'introduire correctement la bibliothèque jQuery et d'instancier un objet jQuery. Ci-dessous, je vais donner un exemple simple :
Dans le code ci-dessus, nous présentons d'abord la bibliothèque jQuery. Ensuite, une fois la page chargée, nous instancions un objet jQuery via la fonction $(document).ready() et utilisons la fonction $.ajax() pour l'interaction de données asynchrones. Dans cet exemple, nous définissons l'URL de la requête Ajax sur "test.php", la méthode de requête sur POST, et transmettons deux paramètres (nom et âge). Lorsque la requête Ajax réussit, nous affichons les données renvoyées par le serveur vers la console.
En général, l'invite "Ajax n'est pas une méthode" est généralement provoquée par le fait que la bibliothèque jQuery n'est pas importée correctement ou que l'objet jQuery n'est pas instancié. Ce problème peut être facilement résolu en vérifiant simplement l'introduction et l'instanciation de la bibliothèque jQuery. En parallèle, on peut également saisir "$" ou "jQuery" dans la console pour vérifier si l'objet jQuery a été correctement introduit et instancié.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Dans le processus de développement Web, il est très courant d'utiliser Ajax pour l'interaction de données asynchrone. Parmi eux, jQuery est une bibliothèque JavaScript très connue. Elle possède un grand nombre de fonctions et de méthodes intégrées pour faciliter notre développement front-end. Dans jQuery, il est également très simple d'utiliser Ajax pour une interaction de données asynchrone. Il vous suffit d'utiliser la fonction $.ajax() pour y parvenir. Cependant, lors de l'utilisation de la fonction $.ajax(), nous rencontrons parfois un problème, c'est-à-dire que l'invite « Ajax n'est pas une méthode » s'affiche. Alors, quelle est la cause de ce problème ?
Tout d'abord, nous devons préciser que l'invite "Ajax n'est pas une méthode" n'est pas provoquée par jQuery lui-même. En jQuery, la fonction $.ajax() est une méthode définie sur l'objet jQuery. C'est-à-dire que lors de l'appel de la fonction $.ajax(), il faut d'abord instancier un objet jQuery. Si nous utilisons directement la fonction "Ajax()" pour appeler Ajax, cela affichera "Ajax n'est pas une méthode".
Alors, comment le résoudre ? En fait, résoudre ce problème est très simple. Il vous suffit d'introduire correctement la bibliothèque jQuery et d'instancier un objet jQuery. Ci-dessous, je vais donner un exemple simple :
<!DOCTYPE html> <html> <head> <title>使用jQuery调用Ajax</title> <meta charset="utf-8"> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script> $(document).ready(function() { $.ajax({ url: 'test.php', type: 'POST', data: { name: '张三', age: 18 }, success: function(response) { console.log(response); } }); }); </script> </head> <body> <h1>使用jQuery调用Ajax示例</h1> </body> </html>Dans le code ci-dessus, nous présentons d'abord la bibliothèque jQuery. Ensuite, une fois la page chargée, nous instancions un objet jQuery via la fonction $(document).ready() et utilisons la fonction $.ajax() pour l'interaction de données asynchrones. Dans cet exemple, nous définissons l'URL de la requête Ajax sur "test.php", la méthode de requête sur POST, et transmettons deux paramètres (nom et âge). Lorsque la requête Ajax réussit, nous affichons les données renvoyées par le serveur vers la console.
En général, l'invite "Ajax n'est pas une méthode" est généralement provoquée par le fait que la bibliothèque jQuery n'est pas importée correctement ou que l'objet jQuery n'est pas instancié. Ce problème peut être facilement résolu en vérifiant simplement l'introduction et l'instanciation de la bibliothèque jQuery. En parallèle, on peut également saisir "$" ou "jQuery" dans la console pour vérifier si l'objet jQuery a été correctement introduit et instancié.