HTML 字段 json 编码为深层嵌套对象

Question

我有一些 Java REST ws 处理来自简单 HTML 表单的 POST 数据。我想让客户端代码正确地发送到 ws JSON 以使服务器代码以正确的方式填充我的对象。

我有以下数据结构：

public class CarDTO
{
    String id;
    String defaultName;
    List<CarCategoryDTO> carCategoryDTOs;
    List<CarTranslationsDTO> carTranslationsDTOs;
    /* getter, setter, constructors*/
}

public class CarCategoryDTO
{
    String id;
    String defaultName;
    /* getter, setter, constructors*/
}

public class CarTranslationsDTO
{
    int id;
    String name;
    LanguageDTO languageDTO;
    /* getter, setter, constructors*/
}


public class LanguageDTO
{
    String code;
    /* getter, setter, constructors*/
}

POST 操作：

@POST
@Path("/save")
public Response saveCar(String args)
{
    try 
    {
        Gson g  = new GsonBuilder().create();
        CarDTO carDTO = g.fromJson(args, CarDTO.class);

        System.out.println(carDTO);

        return  Response.ok(g.toJson(carDTO)).build();

    } catch (Exception e) {
        e.printStackTrace();
        return Response.serverError().build();
    }
}

客户代码：

<form   id="form_car"
        enctype="application/json"
        action="http://www.someurl.com:8080/rest/0.1/car/save"
        method="POST">

    <input type="text" name="defaultName" />
    <input type="hidden" name="carTranslationsDTOs[0][languageDTO][code]" value='en'>
    <input type="text" name="carTranslationsDTOs[0][name]">
    <input type="text" name="carCategoryDTOs[0][defaultName]" value="cat1">
    <input id="submitbutton" type="button" value="Salva"/>
</form>
<script>
    jQuery("#submitbutton").click(function(){
        var formData = JSON.stringify(jQuery("#form_car").serializeObject());
        jQuery.ajax({
            url: "http://www.someurl.com:8080/rest/0.1/car/save",
            type:"POST",
            data:formData,
            contentType:"application/json; charset=utf-8",
            dataType:"json",
            success: function(data){
                console.log(data);
            }
        });
    });
</script>

我还添加了以下 jQuery 扩展名，但这还不够：jquery.serializeObject.js

问题是参数集合的映射，结果是我只能填充 CarDTO.id 和 CarDTO.defaultName。我怎样才能让它发挥作用？

编辑 25/03/2015：

我发现解决我的问题的最简单方法是在提交时从 javascript 手动生成 json ，但这并不能让我满意，因为很多逻辑是客户端，并以这种方式公开我所有的 DTO 结构是很糟糕的。我不知道 Gson 中有任何自定义反序列化，我认为这是正确的路径。

如有其他帮助和不同意见，欢迎接受。

Answer 1

您可能需要处理 JSON 直到它成为 Gson 可以识别的形式，即类似于：

{
  "defaultName": "Ford",
  "carCategoryDTOs": [{
    "defaultName": "cat1"
  }],
  "carTranslationsDTOs": [{
    "name": "Ford",
    "languageDTO": {
      "code": "en"
    }
  }]
}

如果您仍然运行遇到问题，您可能需要编写自定义反序列化程序，请参阅 Gson 用户指南的 Writing a Deserializer 部分。

请注意，您的 carTranslationsDTOs 命名约定已关闭。既然已经是has_many关系，而每个carTranslationsDTOs其实就是一个翻译，所以按照你的习惯应该命名为carTranslationDTOs。

Answer 2

您的 JSON 没有映射到您的数据结构；以下是使用您的代码 JSON 的结果：

{
 "defaultName":"default car name",
 "carTranslationsDTOs[0][languageDTO][code]":"en",
 "carTranslationsDTOs[0][name]":"car name in en",
 "carCategoryDTOs[0][defaultName]":"cat1"
}

虽然 GSON 期望类似

{
 "defaultName":"default car name",
 "carCategoryDTOs":[{"defaultName":"cat1"}],
 "carTranslationsDTOs":[{"name":"car name in en",languageDTO:{"code":"en"}}],
}

Answer 3

我写了一个 jQuery 插件，serializes/deserializes 扁平化并嵌套 html 表单数据到/从 javascript / json。我没有尝试过你的具体情况，但据我所知，它可能会解决问题。

看看https://github.com/omanshardt/jquery-uicForm3.git。

HTML 字段 json 编码为深层嵌套对象

HTML fields json encoded as deep nested objects

html

javascript

java

json

gson