未定義のJQueryからJSONファイルをインポートする

bugfix> javascript > 投稿

JSONファイルのデータをJQueryでJSファイルにインポートする小さなスクリプトを実行していますが、 console.log(result) を実行しようとすると未定義を返します。どうすれば解決できますか？

JQuery：

   document.addEventListener('load',start())
function start() {
    // REQUEST THE DATA FROM API
    $.ajax({
        dataType: "json",
        type: 'get',
        url: "../api/data.json",
        success: function (result) {
            displayTheData(result)
        }
    });
}
function displayTheData(result) {
    console.log(result)
}

JSON：

[{
  "name":"Google",
  "url": "google.es",
},
  {
    "name":"Yahoo",
    "url": "yahoo.com",
  }
]

javascript

jquery

json

回答 1 件

  • 以下は、コードとその動作の簡単な例で、他の問題があるように見えます。

    function start() {
    // REQUEST THE DATA FROM API
    $.ajax({
        dataType: "json",
        type: 'get',
        url: "//mysafeinfo.com/api/data",
        data: {list: 'englishmonarchs', format: 'json'},
        }).done(function (result) {
            displayTheData(result)
     });
}
function displayTheData(result) {
    console.log(result)
}
$(function(){
  start();
});


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

あなたの答え

関連記事