Comment créer une requête ajax dans les scripts Google avec une erreur de variable '$'? - javascript, jquery, ajax, google-app-engine

Je souhaite utiliser la méthode ajax () pour effectuer une demande AJAX. J'ai essayé de créer les fonctions ci-dessous dans scripts.google.com, mais j'obtiens l'erreur suivante:

function AjaxCall() {
var arr = { City: "Moscow", Age: 25 };


$.ajax({
url: "https://worker-aws-us-east-1.iron.io/2/projects/",
type: "POST",
data: JSON.stringify(arr),
contentType: "application/json; charset=utf-8",
dataType: "json",
async: false,
success: function(msg) {
alert(msg);
}
});

}

Erreur:

ReferenceError: "$" is not defined. (line 5, file "Code")

Existe-t-il un moyen de contourner ce problème?

Réponses:

Il semble que jquery ne provient pas de votre code HTML. Gardez à l'esprit que jquery est une bibliothèque javascript côté client - le navigateur doit donc charger le fichier jquery javascript. En d'autres termes, une référence valide doit être dans le code HTML renvoyé au navigateur client.

Votre commentaire indique que vous avez essayé:

<script src="code.jquery.com/jquery-2.1.1.min.js"></script>

Essayez de mettre à jour cela pour:

<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>

Si vous n'incluez pas le "http: //" (ou "https:// "ou" // ") devant l'URL, le navigateur pense que c'est" un chemin relatif et essaiera de le charger depuis le répertoire courant (et ce n'est probablement pas ce que vous essayez de faire). Donc , si la page que vous consultiez était

http://www.examplesite.com/example.html

Ensuite, la balise de script que vous avez montrée dans votre commentaire essaiera de charger jquery depuis

http://www.examplesite.com/code.jquery.com/jquery-2.1.1.min.js

Cela renvoie probablement une erreur 404 - vérifiez votre console javascript pour voir si elle reçoit une erreur lors de la tentative de chargement du script jquery.

De plus, dans la plupart des cas, il est recommandé deplacez la balise de script en bas (juste avant la balise de fermeture du corps). Cela empêche le rendu de la page d'être bloqué lorsque le navigateur télécharge le fichier js. Ce n'est probablement pas à l'origine des problèmes que vous voyiez à l'origine - pensiez simplement que je le mentionnerais car votre commentaire a potentiellement indiqué que vous le chargiez juste avant l'appel ajax.