将 DataTable 对象从 JavaScript 传递到 Java

Question

我在客户端使用 Google Visualization API，并创建一个 DataTable 对象。然后我想将其传递到我的服务器并通过电子表格 API 将其上传到电子表格。可能最好的方法是使用 JSON，因此我使用 toJSON() 方法将其转换并通过 POST 发送到我的服务器。我尝试使用这两个类：

• DataTable (JavaScript)
• 数据表(Java)

现在我注意到，这两个类不兼容，至少在 JSON 上不兼容。例如，JavaScript 类转换为：

{"cols":[
         {"id":"Col1","label":"","type":"string"}
         {"id":"Col2","label":"","type":"date"}
        ],
 "rows":[
         {"c":[{"v":"a"},{"v":"Date(2010,10,6)"}]},
         {"c":[{"v":"b"},{"v":"Date(2010,10,7)"}]}
        ]
}

但是 Java 端 DataTable 的参数名称不同，而我使用的 Gson 具有不同的类型值：

cols -> columns
c -> cells
v -> value

type:"string" -> type:"TEXT"
type:"number" -> type:"NUMBER"

而且恐怕还有更多的不兼容性。

那么..如何将 JavaScript DataTable 转换为 Java 对象 DataTable？

Answer 1

我反过来也遇到了同样的问题。看来 Java 数据源库中的 DataTable 对象与 Google Visualization API 中的 Javascript DataTable 对象并不平行。

返回Java数据源库DataTable对象需要使用JsonRenderer，而不是默认的序列化。它似乎只适用于从服务器到客户端的传递。我不确定是否可以从另一个方向完成。

@WebService
@Path("/tables")
public class DataManager extends GenericManager<db, Long> {

    @Path("/hello/")
    @GET
    @Produces(MediaType.APPLICATION_JSON)
    public DataTable getDataTable() {
        DataTable data = new DataTable();
        ... populate object ...
        return data;
    } 

但是，默认序列化返回的 Java DataTable 对象与 Google Visualization API javascript DataTable 不同。您无法将其传递给 GVis 图表。

相反，您可以在 Java 中使用 JsonRenderer 类 (查看此 Google 网上论坛电子邮件）将其转换为缺少引号的类似 Json 的字符串围绕适度压缩的属性。

    @Path("/hello/")
    @GET
    @Produces(MediaType.TEXT_PLAIN)
    public String getDataTable() {
        DataTable data = new DataTable();
        CharSequence charSequence = JsonRenderer.renderDataTable(dataTable, true, true);
        return charSequence.toString();
    } 

该字符串可以在 Javascript 中通过用括号括起来来解析，示例中的对象文字表示法中未显示 (请参阅此 Google 网上论坛论坛）：

jQuery.ajax({
    context: this,
    type: 'Get',
    url: url,
    success: function(data) {
         var args = eval('('+data+')');  // add parens around the returned string                          
         var dataTable = new google.visualization.DataTable(args);  
         ...
 });

我没有看到与 Java 数据源库 DataTable 对象相反的方法。
所以这不是一个完整的答案，但你并不孤单

Answer 2

好吧，我在后端使用 python，在前端使用 GWT，并将 DataTable 从后端传递到前端，没有任何问题。
我在后端使用 google-visualization-python api 来创建数据表。
解析是通过以下代码完成的：

DataTable dataTable = DataTable.create(JSONParser.parseLenient(data).isObject().getJavaScriptObject());

我还将解析后的 DataTable 转换回 JSON，以将 json 字符串存储在 localStorage 中，并且解析存储的 json 字符串也可以正常工作。

GWT DataTable 只是一个简单的包装器，最终只是通过 JSNI 调用底层 Javascript DataTable 的函数。所以我看不出它们有任何不兼容的原因。

确保您使用最新的 gwt-可视化 API (1.1.2) ?