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

时间:2015-03-15 14:02:57

标签: java javascript html json gson

我有一些Java REST从一个简单的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

问题是使用Collection of parameters进行映射,结果是我只能填充CarDTO.id和CarDTO.defaultName。 我怎样才能使它发挥作用?

编辑25/03/2015:

我想到解决我问题的最简单方法是在提交时从javascript手动创建json,这很难让我满意,因为很多逻辑都是客户端,并暴露了我所有的DTO结构这种方式太糟糕了。 我不知道Gson中的任何自定义反序列化,我认为这是正确的路径。

任何其他帮助和不同意见都被广泛接受。

3 个答案:

答案 0 :(得分:1)

您可能需要处理JSON,直到它以Gson可以识别的形式处理,即类似于以下内容:

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

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

请注意,您carTranslationsDTOs的命名约定已关闭。由于它已经是has_many关系,并且每个carTranslationsDTOs实际上只是一个翻译,因此应根据您的惯例将其命名为carTranslationDTOs

答案 1 :(得分:0)

您的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"}}],
}

答案 2 :(得分:0)

我写了一个jQuery插件,它将平面和嵌套的html表单数据序列化/反序列化到/从javascript / json。我没有尝试过你的具体案例,但据我所知,这可能会解决问题。

只需查看https://github.com/omanshardt/jquery-uicForm3.git