阅读量:0
要遍历JSON数据并在页面上输出,你可以使用JavaScript的方法来实现。以下是一个简单的例子:
<!DOCTYPE html> <html> <head> <title>JSON遍历示例</title> </head> <body> <h1>JSON遍历示例</h1> <ul id="output"></ul> <script> var data = { "name": "John Doe", "age": 30, "city": "New York" }; var outputList = document.getElementById("output"); for (var key in data) { var listItem = document.createElement("li"); listItem.textContent = key + ": " + data[key]; outputList.appendChild(listItem); } </script> </body> </html>
在这个例子中,我们定义了一个包含JSON数据的对象data
,然后使用for...in
循环遍历对象的属性,并创建一个<li>
元素来输出每个属性的键值对。将这些<li>
元素添加到页面上的一个<ul>
元素中,从而将JSON数据输出到页面上。你可以根据实际需求修改数据对象和输出方式。