Używanie jsona z jquery Ajax nie zwraca nic.

Chciałem nauczyć się używać JSON z jQuery, więc poszedłem za prostym tutorialem wideo na ten temat. Jednak po wykonaniu wszystkich kroków i użyciu dokładnie tego samego kodu, co w wideo, nadal nie widzę niczego w konsoli po pliku console.log. Co ja robię źle?Używanie jsona z jquery Ajax nie zwraca nic.

Oto strona HTML:

<!DOCTYPE html> 
<html> 
<head> 
    <title>Document</title> 
</head> 
<body> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <script> 
    $.ajax({ 
     url: 'articles.json', 
     dataType: 'json', 
     type: 'get', 
     cache: false, 
     succes: function(data) { 
     $(data.articles).each(function(index, value) { 
      console.log("success"); 
     }); 
     } 
    }); 
    </script> 
</body> 
</html>

I tu jest mój plik JSON (articles.json), z którego staram się wykorzystać dane:

{ 
    "articles": [ 
     { 
      "id": 1, 
      "name": "Article 1" 
     }, 
     { 
      "id": 2, 
      "name": "Article 2" 
     }, 
     { 
      "id": 3, 
      "name": "Article 3" 
     } 
    ] 
}

Z góry dzięki!

Źródło

2016-12-25 August van de Ven

Pisane słowo "sukces" niepoprawnie. Zobacz dokumentację http://api.jquery.com/jQuery.ajax/ – charlietfl

@charlietfl Przepraszam, napisano tak w moim ojczystym języku :) –

Nazwa właściwości musi być poprawna. Może błędnie napisać co chcesz w instrukcji rejestrowania, które nie ma związku z problemem – charlietfl

-2

Zastosowanie $ .getJSON

przykład

$.getJSON("articles.json", function(data) { 
 
    
 
    $.each(data.articles, function(key, val) { 
 
    console.log(val); 
 
    }); 
 

 
});

http://api.jquery.com/jquery.getjson/

Źródło

2016-12-25 13:25:11

Chociaż jest to inne rozwiązanie, nie odpowiada on problemowi PO, w którym błędnie zapisał sukces. – CodeLikeBeaker

Oto poprawny sposób odczytać danych JSON w JavaScript jQuery

<script> 
 
    $.ajax({ 
 
     url: 'articles.json', 
 
     dataType: 'json', 
 
     type: 'get', 
 
     cache: false, 
 
     succes: function(data) { 
 
\t \t var jsonData = JSON.parse(data); 
 
\t \t $.each(jsonData.articles, function(i, v) { 
 
\t \t \t \t console.log("id = "+ v.id); 
 
\t \t \t \t console.log("name = " + v.name); 
 
      }); 
 
     } 
 
    }); 
 
    </script>

Źródło

2016-12-25 18:40:33 Chandu

Używanie jsona z jquery Ajax nie zwraca nic.

Odpowiedz

Powiązane problemy