htmlのjsonデータを表示

-2

jsonの情報をhtmlで表示するには、以下の方法を試しましたが、うまくいかないようです。htmlのjsonデータを表示

私のコード

$.getJSON('example.json', function(data) { 
 
     var html = ''; 
 
     $.each(data.example, function(key, value) { 
 

 
\t \t \t html += '<p> Name:' + value.name + '</p>'; 
 

 
\t \t \t html += '<p> Email:' + value.email + '</p>' 
 

 
       }); 
 

 
     $('#example').append(html); 
 
    }); 
 
});

マイJSON

{ 
 
    "example": [ 
 
     { 
 
      "name": "Dr. Sammie Boyer", 
 
      "email": "[email protected]" 
 
     }, 
 
     { 
 
      "name": "Eladio Beier", 
 
      "email": "[email protected]" 
 
     }, 
 
     { 
 
      "name": "Hilton Borer", 
 
      "email": "[email protected]" 
 
     } 
 
    ] 
 
}

出典

2016-11-30 Rebekah

多分 '$の.each（data.example' – Paolo

あなたが'にconsole.log（） 'ループなどの内部'はconsole.log（value.name）置けば; 'や' console.log（value）; '何を取得していますか？ – noodlesegg

コンソールはjsonファイルからすべてを印刷しますが、それでもhtmlに表示されません – Rebekah

それは常にあなたがしようとしているconsole.logものに便利ですあなたのコードで>example - > JSONでcontactsまたはcontacts - あなたはそれがどちらかexampleを変更してみてください、JSONファイルでexampleと呼ばれていますので、contactsと呼ばれる何もないことがわかりますconsole.logdata上を実行しない場合は、デバッグにする。

出典

2016-11-30 13:50:47

まだ動作しません – Rebekah

これがあなたを助けるかもしれないことを確認してください。

var data = { 
 
    "example": [ 
 
     { 
 
      "name": "Dr. Sammie Boyer", 
 
      "email": "[email protected]" 
 
     }, 
 
     { 
 
      "name": "Eladio Beier", 
 
      "email": "[email protected]" 
 
     }, 
 
     { 
 
      "name": "Hilton Borer", 
 
      "email": "[email protected]" 
 
     } 
 
    ] 
 
}; 
 
     var html = ''; 
 
     $.each(data.example, function(key, value) { 
 

 
\t \t \t html += '<p> Name:' + value.name + '</p>'; 
 

 
\t \t \t html += '<p> Email:' + value.email + '</p>' 
 

 
       }); 
 

 
     $('#example').append(html);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<div id="example"> </div>

出典

2016-11-30 13:55:44

答えて

関連する問題