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",
  }
]

回答 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>
    
    

あなたの答え