如何从jsp访问列表到Javascript

Question

我正在尝试将从Controller传递的列表（传递给jsp），并将所述列表从jsp传递给javascript。

列表中的数据应替换X（日期）和Y的值。

var data = {
    values:[
        { X: "8/7/12",  Y: 21 },
        { X: "8/8/12",  Y: 32 },
        { X: "8/9/12",  Y: 62 },
        { X: "8/10/12", Y: 8  },
        { X: "8/11/12", Y: 40 },
        { X: "8/12/12", Y: 12 },
        { X: "8/13/12", Y: 14 },
        { X: "8/14/12", Y: 72 },
        { X: "8/15/12", Y: 11 },
        { X: "8/16/12", Y: 98 },
    ]};

我希望通过的列表包含以下内容：
1. LocalDate的字符串版本（Jodatime）-用于X轴
2.分数-y轴

我已经在各种在线论坛上根据情况查看并尝试了几种解决方案，但是没有一种能够按预期的方式工作。 我也尝试传递并行数组，但是它们似乎都不起作用。

Answer 1

您可以简单地从JSP到Javascript执行此操作

var data = { values:[
        { X: <%=x[0]%>, Y: <%=y[0]%> },
        { X: <%=x[1]%>, Y: <%=y[1]%> },
        ...
    ]};

请注意，这里我使用X和Y数组作为值，您可以将任何数据结构用于jsp，然后将其放入javascript。

或者，如果要将数据从controller传递给jsp ，则可以使用JSTL遍历数据并将其传递给javascript。

Answer 2

在这种情况下，我更喜欢在控制器中将Java List对象序列化为JSON字符串，然后将该字符串传递给jsp。 假设您的列表中包含此类的实例，

public class MyObject {
    protected String X;
    protected int Y;

    // getters, setters, other methods and fields...
}

您可以使用Gson或Jackson等库来序列化控制器中的列表。

List<MyObject> list = new ArrayList<MyObject>();
// add some objects to the list...

String json = new Gson().toJson(list);
request.setAttribute("values", json);

在您的jsp中， values请求属性是一个字符串，代表JSON中的完整javascript对象。

var data = {
    values: ${values}
};