jqueryでjsonを使用するAjaxで何も返さない

jQueryでJSONを使用する方法を知りたいので、簡単なビデオチュートリアルに従いました。しかし、すべてのステップを踏んだ後、ビデオとまったく同じコードを使用した後も、console.logの後にコンソールに何も表示されません。私は間違って何をしていますか？ここでjqueryでjsonを使用するAjaxで何も返さない

は、HTMLページです：事前に

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

ありがとう：

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

そして、ここでは、私がデータを使用しようとしています、そこから私のJSONファイル（articles.json）です！

出典

2016-12-25 August van de Ven

「成功」の綴りが間違っています。 docs http://api.jquery.com/jQuery.ajax/ – charlietfl

@charlietfl申し訳ありませんが、私の母国語で書かれています:) –

プロパティ名が正しいはずです。問題に関連していないロギングステートメントで必要なものを間違えて訂正する可能性があります – charlietfl

-2

使用$ .getJSON

例

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

 
});

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

出典

2016-12-25 13:25:11

これは別の解決策ですが、失敗したOPの問題には答えません。 – CodeLikeBeaker

が

0 jqueryのを使用してJavaScriptでJSONデータを読み込むための正しい方法です。

出典

2016-12-25 18:40:33 Chandu

jqueryでjsonを使用するAjaxで何も返さない

答えて

関連する問題