javascript - 如何将 JSON 附加到 div

Question

我是网络开发的新手，我很难将 JSON 附加到 div 以便在网页上显示该值。我检查了其他问题，但大多数回复都与 PHP 相关，这不是我的情况。任何人都可以帮我弄清楚我错过了什么，就是不让 JSON 值不显示在网页上。以下是 JSON 文件内容的一部分:

{ "array": [
   "firstArray": {
    "firstKey": "firstValue",
    "secondKey": "secondValue"
   },
   "secondArray":{
    "firstKey": "firstValue",
    "secondKey": "secondValue"
   }
  ]     
}

这是 JavaScript 的一部分，我希望显示在上述 JSON 的第一个数组和第一个键下找到的值

function print(data){   // lets assume data represents the whole JSON data
var newDiv = $("<div />", {'id': 'new'})
newDiv.append($("<span />", data.array[0].firstArray.firstKey}))
}

我是网络开发的新手，我很想学习，所以请尽可能多地帮助我。

Answer 1

尝试以下操作:

var data = { "array": [
   {"firstArray":{
    "firstKey": "firstValue",
    "secondKey": "secondValue"
   }},
   {"secondArray":{
    "firstKey": "firstValue",
    "secondKey": "secondValue"
   }}
  ]     
};

function print(data){  
    $('body').append($("<div id='new'/>"));
    $('body').append($("<div id='new2'/>"));

    $('#new').append($("<span>"+data.array[0].firstArray.firstKey+"   "+"</span>"));
    $('#new').append($("<span>"+data.array[0].firstArray.secondKey+"</span>"));

    $('#new2').append($("<span>"+data.array[1].secondArray.firstKey+"   "+"</span>"));
    $('#new2').append($("<span>"+data.array[1].secondArray.secondKey+"</span>"));
}

print(data);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>