javascript - 将服务器中的值分配给 html 并保存

Question

我使用 Spring 架。

我想显示一个对象并保存它。

@RequestMapping(value = "/lodgers", method = RequestMethod.POST)
public LodgerInformation createLodger(@RequestBody @Valid final LodgerInformation lodgerDto) {
    return lodgerService.save(lodgerDto);
}

public class LodgerInformation {
    private long lodgerId;
    private String firstName;
    private String lastName;
    private List<IdentityCardDto> identityCardDtoList;
    ...
}



public class IdentityCardDto {
    private long identityCardId;
    private IdentityCardTypeDto identityCardTypeDto;
    private String value;
    ...
}

public class IdentityCardTypeDto {
    private long identityCardTypeId;
    private String identityCardType;
    private Date expiration;
    private boolean hasExpirationDate=false;
    ...
}

在 html 方面，我需要使用什么结构来表示名称？是否有一些库可以促进为 html 组件赋值的过程以及相反的过程

得到答案:

"{"timestamp":1436292452811,"status":400,"error":"错误请求","exception":"org.springframework.http.converter.HttpMessageNotReadableException","message":"无法读取文档:无法识别的标记“firstName”:在 [来源:java.io.PushbackInputStream@3f7cf4ca；处期待“null”、“true”、“false”或 NaN\n；行:1，列:11]；嵌套异常是 com.fasterxml.jackson.core.JsonParseException:无法识别的标记“firstName”:在 [来源:java.io.PushbackInputStream@3f7cf4ca；处期待“null”、“true”、“false”或 NaN\n；行:1，列:11]","path":"/lodgers"}"

Answer 1

此处需要发送的输入应采用以下格式

{
lodgerId : 1,
identityCardDtoList: [{
                        identityCardId: 11,
                        identityCardTypeDto:{
                            identityCardTypeId: 111,
                            identityCardType: "Node 1.1.1",
                            expiration: 12/12/2015,
                            hasExpirationDate: true
                            }
                       },{
                        identityCardId: 12,
                        identityCardTypeDto:{
                            identityCardTypeId: 112,
                            identityCardType: "Node 1.1.2",
                            expiration: 12/12/2015,
                            hasExpirationDate: true
                            }
                     }] 
}

请告诉我这是否是您正在寻找的内容