如何解决如何在JSF中显示JavaScript JSON数组?
我正在尝试JSF的工作方式,并且仍然是新手。我正在从Web API获取数据,并希望在页面加载时在UI上显示结果。我可以在控制台上看到提取的数据,但是我想在div部分显示此数据。从API返回的数据是JSON数组。这是我目前在页面的脚本标签内进行的操作
function calledOnLoad() {
var i = 0;
fetch("http://localhost:1234/api/mydata")
.then(response => response.json())
.then(data => {
console.log(data);
})
.catch(function() {
console.log("error. Could not retrieve data");
})
}
上面的代码将以Json数组的形式返回下表。
+-----------+-------------+-------+------+-------+
| ID | Name | Price | URL | Count |
+-----------+-------------+-------+------+-------+
| 1 | Book | 2 | url1 | 2 |
| 2 | Pen | 1 | url2 | 1 |
| 3 | pencil | 1 | url3 | 1 |
+-----------+-------------+-------+------+-------+
我想在页面上的表格中显示这些值。我已经成功获取了数据,但是显示这些数据有困难。
<!DOCTYPE html>
<HTML lang = "en"
xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html" >
<h:head>
<title> Hello world</title>
</h:head>
<h:body onload= "calledOnLoad();">
</h:body>
</HTML>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。