WebブラウザにJSON情報を表示しようとしています。JSONがWebブラウザにアクセスして表示しています
JSONの形式は、私がテストし、「UL」
<html>
<head>
<script type="text/javascript"
src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$.getJSON('CLEVERTITLE.json',function(data){
console.log('success');
$.each(data,function(index,data){
console.log("entered each")
$('ul').append('<li>'+data.ts+' '
+data.sensor_value+'</li>');
});
}).error(function(){
console.log("ERROR")
});
});
</script>
</head>
<body>
<ul></ul>
</body>
</html>
私が使用しているノード、ライブサーバーなどのオブジェクトを表示するには、次のHTMLを使用してい
[
{
"ts": "2016-10-10T04:40:06.567000",
"sensor_value": 9.7827
},
{
"ts": "2016-10-10T04:40:16.613000",
"sensor_value": 9.80362
},
{
"ts": "2016-10-10T04:40:26.660000",
"sensor_value": 9.80722
},
{
"ts": "2016-10-10T04:40:36.600000",
"sensor_value": 9.77777
},
{
"ts": "2016-10-10T04:40:46.643000",
"sensor_value": 9.79755
},
{
"ts": "2016-10-10T04:40:56.580000",
"sensor_value": 9.91404
}
]
localhost:8080
経由でファイルにアクセスするディレクトリから。
しかし、これを実行すると、「undefined undefined」のテキストが1つだけ表示されます。私は2016-10-10T04:40:46.643000 9.7777
を表示したいと考えています。 「ts
」と「sensor_value
」のタグにもアクセスできれば、将来的には役立つかもしれません。これが非常に基本的であれば、ごめんなさい。
EDIT:データの量が問題だったことが分かります。私は百万以上のデータポイントを表示しようとしていました。私はより合理的な数に量を減らしたとき、これは正しく働いた。答えた皆様に感謝します。
あなたのjsonファイルにHTMLがアクセスできることを確認できますか? –
あなたはたぶん疑問のデータを誤解しているかもしれません。もしそうでなければ何の出力も得られません。 –
あなたのデータは実際に '{data:{{---}、{---}、{ - }]} '、これは結果に対して' undefined、undefined'を持つ単一の反復を説明します。 –