JSONを初めて使用しました。私は外部のjsonファイルを持っており、私は自分のhtmlファイル内のjsonファイルを使用して、すべてのjsonデータを読み込んだdivを作成しています。私は 'descript'値を除いて、すべての値に対して正しい出力を得ることができます。私はcosoleログにそれを印刷しようとしましたが、その特定の値になっているのはすべて「未定義」ですが、他の値は問題ありません。なぜこれが起こったのか?「未定義」JSONデータ
JSONファイル:
[{"title":"3G","filePath":"https://example.com","descript":"hello world"}, {"title":"4G", "filePath":"https://example.com", "descript": "test"} ]
HTMLファイル:
$.ajax({
url : "testJSON.json",
type : "get", // whichever you like
contentType:"json",
success : function(list)
{
var divCol = "<div class='col-sm-4 col-md-4'>";
var divWell = "<div class='well'>";
var divClose= "</div>";
list.forEach(function(obj, index) {
var title = "<h5>" + obj.title + "</h5>";
var desc = "<p>" + obj.descript + "</p>";
var linkStart = "<a class='btn btn-default' style='float:left' href='" + obj.filePath + "' target='_blank'>";
var linkEnd = "CSV</a>";
var div = divCol +
divWell +
title +
desc +
linkStart +
// image +
linkEnd +
divClose +
divClose;
console.log(list)
$("#imdaFiles").append(div); // insert the div you've just created
})
}
});
JSONファイルに "description:" "test"というエラーがあります。二重引用符はコロンの後にあるためです。 "descript": "test" –
@DavisMolinari申し訳ありませんが、元のコードの一部ではありませんでした。問題は依然として残る – nurul98
@ nurul98私はそのJSON文字列を思いつきます成功関数の 'list = JSON.parse(list)'で試してください1行目 – prasanth