web-dev-qa-db-fra.com

Problème JQuery "TypeError: $ .getJSON n'est pas une fonction"

J'ai ce morceau de code:

$(document).ready(function () {
    $.getJSON('http://localhost:5000/', function (response) {
        console.log(response);
    });
});

localhost: 5000 est un flask/python script qui retourne un json comme:

{
  "data": [
    0, 
    0, 
    0, 

Et j'obtiens:

$.getJSON is not a function TypeError: $.getJSON is not a function

Des astuces pour commencer à démêler le whoolball?

Merci!

Modifier:

HTML:

<!DOCTYPE html>
<html>

<head>
    <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script>
    <script src="lib/main.js"></script>
</head>

<body>
</body>

</html>

lib/main.js est où le document.ready est situé.

Merci!

27

Vous semblez utiliser slim version de jquery qui n'a pas la méthode getJSON c'est pourquoi vous obtenez cette erreur.

Veuillez utiliser la version complète de jquery à la place du lien ci-dessous.

https://code.jquery.com/jquery-3.1.1.min.js

Slim la version de jquery exclut ajax, animations effects etc

104
Aruna
function cinta(){
$.getJSON('http://localhost:5000/', function (response) {
        console.log(response);
    });
}
cinta();
$(document).ready(function () {
  console.log('yesss');  
});

Ce travail pour moi dans python flask

1
Irviano Yoe

Ainsi, cela se produit généralement lors de la migration de bases de code de jQuery v1.x + à v3.0 + lorsque jQuery met à jour/est déconseillé/a cessé d’appliquer certaines de ses API.

Je recommande d'utiliser jQuery Migrate pour résoudre ce problème, ainsi que d'autres problèmes:

Obtenez-le ici via CDN:

https://cdnjs.com/libraries/jquery-migrate

Si vous utilisez Gulp/Grunt, vous pouvez importer dans votre projet en utilisant

npm install --save jquery jquery-migrate

Référentiel Github - https://github.com/jquery/jquery-migrate

En savoir plus sur jQuery v3.0 + .. http://blog.jquery.com/2016/06/09/jquery-3-0-final-released/

1
chouxy-dev