在JavaScript中使用for循环在div中显示JSON数据

我的代码中缺少了一些东西，因为我想在初始加载页面时在

#searchcontainer

分区中显示JSON数据 但我得到的只是一个空的

div

var Sites = [
{"country_name": "Denmark", "latitude": 56, "longitude": 10, "status": "OK", "site_name": "FLS Denmark", "Model_Number": "12345"},
{ "country_name": "Zaire", "latitude": -20, "longitude": 30, "status": "OK", "site_name": "FLS Zaire", "Model_Number": "67890" },
{ "country_name": "Vietnam", "latitude": 16, "longitude": 106, "status": "NO", "site_name": "FLS Vietnam", "Model_Number": "1111" }]

var DefaultText = "";
var i;

for (i = 0; i < Sites.length; i++)
{
DefaultText += '<div class="rightcontainer">';
DefaultText += '<img id="productimage" src="src/images/retrofit.png" onclick="DisplayProfileCard();"/>';
DefaultText += '<div id="imagedetail">';

DefaultText += '<span class="details">Product Type:'+ Sites[index].Model_Number +'</span>';
DefaultText += '<span class="details">Version / Size <img class="row_one_icon lightbulb_icon" id="lightbulb" src="src/images/lightbulb1.png" onClick="LightBulb()" /><img id="convert" class="row_one_icon arrow_icon" src="src/images/arrow_Off.png" onClick="Conversion()"/><img id="lightning" class="row_one_icon" src="src/images/lightningOff.png" onClick="Lightning()"/><img id="bullseye" class="row_one_icon bullseye" src="src/images/bullseye_off.png" onClick="BullsEye()"/></span>';
DefaultText += '<span class="details">Estimated annual Spend <img class="row_one_icon ribbon" src="src/images/ribbon1.png"/><img class="row_one_icon map" src="src/images/map1.png"/><img class="row_one_icon paper_stack" id="paper" src="src/images/paper_stack_Off.png" onclick="PaperStack()"/><img class="row_one_icon chain" id="chain" src="src/images/chain_Off.png" onClick="ChainLink()"/></span>';
DefaultText += '<span class="details">Site name / manufacturer</span>';
DefaultText += '<span class="details">Selling Sales Eng</span>';
DefaultText += '</div>';
DefaultText += '</div>';
}
$('#searchcontainer').append(DefaultText);

var站点=[
{“国家名称”：“丹麦”，“纬度”：56，“经度”：10，“状态”：“确定”，“地点名称”：“FLS丹麦”，“型号编号”：“12345”}，
{“国家名称”：“扎伊尔”，“纬度”：-20，“经度”：30，“状态”：“OK”，“地点名称”：“FLS扎伊尔”，“型号编号”：“67890”}，
{“国家名称”：“越南”，“纬度”：16，“经度”：106，“状态”：“否”，“场地名称”：“FLS越南”，“型号”：“1111”}]
var DefaultText=“”；
var i；
对于（i=0；i

使用

站点[i]。模型编号

而不是

站点[index]。模型编号

索引

未定义。与

i

一起使用。最好使用

文档包装代码。就绪

。它在加载文档后执行该功能

$（文档）.ready（函数（）{
变量站点=[
{“国家名称”：“丹麦”，“纬度”：56，“经度”：10，“状态”：“确定”，“地点名称”：“FLS丹麦”，“型号编号”：“12345”}，
{“国家名称”：“扎伊尔”，“纬度”：-20，“经度”：30，“状态”：“OK”，“地点名称”：“FLS扎伊尔”，“型号编号”：“67890”}，
{“国家名称”：“越南”，“纬度”：16，“经度”：106，“状态”：“否”，“场地名称”：“FLS越南”，“型号”：“1111”}]
var DefaultText=“”；
var i；
对于（i=0；i

我认为

站点[index]

很可能是未定义的，因为

索引

在某种程度上是未定义的，因为它没有在代码中的任何地方声明。你是说

站点[i]

？调试101。。。浏览器有一个开发工具控制台，供开发人员查看错误。。。您的代码生成

ReferenceError:index未定义

error非常感谢您的帮助！现在我明白我错过了什么：）