如何在JSF中显示JavaScript JSON数组？_Jsf

如何在JSF中显示JavaScript JSON数组？

jsf

如何在JSF中显示JavaScript JSON数组？,jsf,Jsf,我正在试验JSF的工作原理，还是个新手。我正在从web api获取数据，并希望在页面加载时在UI上显示结果。我可以在控制台上看到获取的数据，但我希望在div部分中显示这些数据。API返回的数据是一个JSON数组。这就是我目前在页面的脚本标记中所做的 function calledOnLoad() { var i = 0; fetch("http://localhost:1234/api/mydata") .then(response =>

我正在试验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>


你好，世界

这是否回答了您的问题？不是因为我正在执行一个获取数据的JavaScript函数。在示例中，它们使用java类。还有其他的想法吗？这就是在JSF中加载数据的方式。另请参见，我将浏览这些示例，并了解如何将其与我的代码结合起来。谢谢你的提问。很难理解你到底面临着什么样的“困难”。您似乎希望完全从客户端而不是服务器端获取数据。在本例中，它实际上与在普通HTML页面中执行此操作时没有什么不同。编写JavaScript代码的方法与在普通HTML页面中编写JavaScript代码的方法完全相同。JavaScript绝对不关心交付HTML文档的服务器端语言的类型。或者您实际上是在问如何在服务器端完成这项工作？在这种情况下，贾斯珀的暗示确实是正确的。