我正在从JSON文件中显示数据，将其导入到我的JS和HTML文件中，并迭代它以显示在我的网页上。
这是我的HTML和JS代码。
<body>
<div id="myData"></div>
<script>
fetch('query.php')
.then(function (response) {
return response.json();
})
.then(function (data) {
appendData(data);
})
.catch(function (err) {
console.log('error: ' + err);
});
function appendData(data) {
var mainContainer = document.getElementById("myData");
for (var i = 0; i < data.length; i++) {
var div = document.createElement("div");
div.innerHTML = 'Name: ' + data[i].firstName + ' ' + data[i].lastName;
mainContainer.appendChild(div);
}
}
</script>
</body>这段代码都工作正常，只是当我获取query.php，我有一个问题。这是我的query.php文件中的代码。
$age = array({"id": "1", "firstName": "silly", "lastName": "Doe"},{"id": "2","firstName": "Mary","lastName": "Peterson"},{"id": "3","firstName": "George","lastName": "Hansen"});
echo json_encode($age);我设法让它工作我的php代码没有正确格式化，所以我固定，现在它的工作！耶！
1条答案
按热度按时间kcwpcxri1#
STEP-1\f25 STEP-1\f6例如，在项目文件夹中有一个名为dataFile.json的本地文件
STEP-2使用“import”获取JavaScript中的JSON数据。必须确保在HTML主体标记中定义了JavaScript的脚本标记。
STEP-3现在您可以使用“jsonData”变量通过JavaScript编码实现您的逻辑。