JSONを使って作業する

Question

私はjsonの情報を使ってファイルを取得し、そのサイトにサイトを設定する最良の方法が何であるか疑問に思っていました。ファイルは次のようなものになります。

window.test = 
{ 
    "header1": 
    [ 
     { "title": "title1", "author": "author1"}, 
     { "title": "title2", "author": "author2"}, 
     { "title": "title3", "author": "author3"} 
    ], 
    "header2": 
    [ 
     { "title": "title1", "author": "author1"}, 
     { "title": "title1", "author": "author2"}, 
     { "title": "title1", "author": "author3"} 
    ] 
}; 

次にコードをこのようにしますか？再び

$(function() { 
    $.getJSON('jsonFile.js',function(data){ 
     $.each(data, function(){ 
      console.log(header1.title); 
      console.log(header2.title); 
     }); 
    }); 
}); 

I JSONで初心者ですので、任意のチュートリアル、提案、よく私はここにコア概念を理解するのに役立つために何が役立つだろう。

Answer 1

あなたのJSON：

{ 
    "header1": 
    [ 
     { "title": "title1", "author": "author1"}, 
     { "title": "title2", "author": "author2"}, 
     { "title": "title3", "author": "author3"} 
    ], 
    "header2": 
    [ 
     { "title": "title1", "author": "author1"}, 
     { "title": "title1", "author": "author2"}, 
     { "title": "title1", "author": "author3"} 
    ] 
} 

あなたのコード：

$(function() { 
    $.getJSON('jsonFile.js',function(data){ 

     console.log(data.header1[0].title); 
     console.log(data.header2[0].title);  
    }); 
}); 

必要に応じて、data.header1とdata.header2

Answer 2

他にも述べたように、window.textと末尾のセミコロンは削除する必要があります。そのようなファイルを直接読むと、テキストとしてエンコードされるので、そのファイルを反復処理する前にJSONに変換する必要があります。

var jsonData = JSON.parse(data));を使用すると、dataパラメータからJSONオブジェクトを取得できます。

Answer 3

あなたが持っているJSON構造については、以下のようなループが正しいはずです。

DEMO

$.each(test, function(key, val) { 
    console.log(key); //this will print the header 
    $.each(val, function(index, val1) { 
     console.log(val1.title + ' ' + val1.author); //this will print the header contents 
    }); 
});