json 页面输出html,在html中解析json和输出

我想解析一个json文件并使用javascript在html中输出

这里是我的json文件

{"quiz":[

{

"quizName":"Quiz 1",

"question": [

{

"text": "1+1?",

"choiceA": "1",

"choiceB": "2",

}

]

},

{

"quizName":"Quiz 2",

"question": [

{

"text": "2+2?",

"choiceA": "3",

"choiceA": "4",

}

]

}

]}这里是我的HTML

$.getJSON('data.json', function(data) {

var output="

• ";

for (var i in data.quiz) {

output+="

" + data.quiz[i].quizName+"";

}

output+="

";

document.getElementById("placeholder").innerHTML=output;

});

我想以这样的列表格式显示所有的“quizName”

测验1

测验2

但通过代码不输出任何东西。

我是json和javascript的新手，我不知道json文件是不正确的还是javascript不正确。谢谢。