html引入json文本测试数据
在HTML中引入JSON文本测试数据，通常是通过JavaScript进行。你可以创建一个JavaScript变量来存储JSON数据，然后在HTML中使用这个变量。
首先，创建一个JSON文件（例如data.json）:
{
"items": [
{ "id": 1, "name": "Item 1" },
{ "id": 2, "name": "Item 2" }
]
}然后，在HTML文件中，使用JavaScript来读取这个JSON文件并使用其数据：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JSON Test Data</title>
<script>
function loadJSON() {
var xhr = new XMLHttpRequest();
xhr.open('GET', 'data.json', true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var json = JSON.parse(xhr.responseText);
console.log(json);
// 处理json数据
}
};
xhr.send();
}
</script>
</head>
<body onload="loadJSON()">
<div id="data-container">
<!-- JSON数据将在这里被处理并显示 -->
</div>
</body>
</html>在上面的例子中，当页面加载完成后，loadJSON函数会被调用，它通过XMLHttpRequest从data.json文件中加载JSON数据，然后解析并处理这些数据。在实际应用中，你可以根据需要将数据显示在页面上或进行其他操作。
评论已关闭