如何在Javascript和JSF中使用数据库?

如何在Javascript和JSF中使用数据库?,javascript,database,json,jsf,gson,Javascript,Database,Json,Jsf,Gson,我正试图听从@BalusC的建议。 (我现在在这里写作,因为它与前面的问题无关) 所以我需要从数据库中获取数据,并使用JavaScript在图表中显示。 我只是在做这个示例,以便了解如何从服务器端向客户端显示一些数据 我的豆豆: @ManagedBean(name="reportc") @ViewScoped public class ReportControl implements Serializable { private static final long serialVersi

我正试图听从@BalusC的建议。 (我现在在这里写作,因为它与前面的问题无关)

所以我需要从数据库中获取数据,并使用JavaScript在图表中显示。 我只是在做这个示例,以便了解如何从服务器端向客户端显示一些数据

我的豆豆:

@ManagedBean(name="reportc")
@ViewScoped
public class ReportControl implements Serializable {
    private static final long serialVersionUID = 3269125738504434502L;

    private String[] dataAsJson = {"1.3", "2.1", "1.3", "2.2", "1.4", "2.7", "1.5", "2.1", "1.6", "2.4", "1.9", "2.1"};

    public String getDataAsJson() {
        Gson gson = new Gson();
        return  gson.toJson(dataAsJson);
    }
}
以帮助理解该文件

我怎样才能从服务器端向这个javascript发送这样的内容

我想我已经接近了解如何将gson、javascript与jsf结合使用了,但我仍然不知道如何完成这项工作。
有人能帮我吗?

您需要的链接文章的关键部分是:

<h:outputScript>var data = ${reportc.dataAsJson};</h:outputScript>
var data=${reportc.dataAsJson};

JS需要一个
双[]
,但您正在输入一个
字符串[]
。相应地进行修正:

private double[]hestavollane={
4.3, 5.1, 4.3, 5.2, 5.4, 4.7, 3.5, 4.1, 5.6, 7.4, 6.9, 7.1,
7.9, 7.9, 7.5, 6.7, 7.7, 7.7, 7.4, 7.0, 7.1, 5.8, 5.9, 7.4,
8.2, 8.5, 9.4, 8.1, 10.9, 10.4, 10.9, 12.4, 12.1, 9.5, 7.5,
7.1, 7.5, 8.1, 6.8, 3.4, 2.1, 1.9, 2.8, 2.9, 1.3, 4.4, 4.2,
3.0, 3.0
};
专用双[]卷={
0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.1, 0.0, 0.3, 0.0,
0.0, 0.4, 0.0, 0.1, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0,
0.0, 0.6, 1.2, 1.7, 0.7, 2.9, 4.1, 2.6, 3.7, 3.9, 1.7, 2.3,
3.0, 3.3, 4.8, 5.0, 4.8, 5.0, 3.2, 2.0, 0.9, 0.4, 0.3, 0.5, 0.4
};
公共字符串getDataAsJson(){
映射数据=新的HashMap();
数据。投入(“Hestavallane”,Hestavallane);
数据输入(“voll”,voll);
返回新的Gson().toJson(数据);
}
并编辑
spline plot bands.js
文件以使用它而不是硬编码的值:

series: [{
    name: 'Hestavollane',
    data: data.hestavollane
}, {
    name: 'Voll',
    data: data.voll
}]

哇!太棒了,鲍克,谢谢你这么支持我的朋友。它起作用了!谢谢
<h:outputScript>var data = ${reportc.dataAsJson};</h:outputScript>
series: [{
    name: 'Hestavollane',
    data: data.hestavollane
}, {
    name: 'Voll',
    data: data.voll
}]