Verwendung von JSON mit JQuery AJAX gibt nichts zurück

Ich wollte lernen, wie man JSON mit jQuery verwendet, also folgte ich einem einfachen Video-Tutorial. Nachdem ich jedoch alle Schritte ausgeführt und den gleichen Code wie im Video verwendet habe, sehe ich nach einer console.log immer noch nichts in der Konsole. Was mache ich falsch?Verwendung von JSON mit JQuery AJAX gibt nichts zurück

Hier ist die HTML-Seite:

<!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>

Und hier ist meine JSON-Datei (articles.json), von dem ich versuche, die Daten zu verwenden:

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

Vielen Dank im Voraus!

Quelle

2016-12-25 August van de Ven

Sie buchstabiert 'success' falsch. Siehe Dokumentation http://api.jquery.com/jQuery.ajax/ – charlietfl

@charlietfl Es tut mir leid, es ist so in meiner Muttersprache geschrieben :) –

Der Name der Eigenschaft muss korrekt sein. Kann in der Logging-Anweisung falsch schreiben, was Sie wollen, das ist für das Problem nicht relevant – charlietfl

-2

Verwenden $ .getJSON

Beispiel

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

 
});

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

Quelle

2016-12-25 13:25:11

Obwohl dies eine andere Lösung ist, beantwortet es nicht das Problem des OP, wo er den Erfolg falsch geschrieben hat. – CodeLikeBeaker

ist hier richtige Art und Weise json Daten in Javascript mit Jquery

0 zu lesen

Quelle

2016-12-25 18:40:33 Chandu

Verwendung von JSON mit JQuery AJAX gibt nichts zurück

Antwort

Verwandte Themen