java - 如何将 json 对象从 Angular 发送到 Rest 服务？

Question

我尝试将 json 对象发送到其余服务，但收到一些如下错误:

http://localhost:8080/api/v1/cardLimit 400 (Bad Request);

换行为 JSON

 public class GameLimit implements Serializable {

    private static final long serialVersionUID = 1L;

    private LimitType firstLimit;
    private LimitType secondLimit;

    public LimitType getFirstLimit() {
        return firstLimit;
    }

    public void setFirstLimit(LimitType firstLimit) {
        this.firstLimit = firstLimit;
    }

    public LimitType getSecondLimit() {
        return secondLimit;
    }

    public void setSecondLimit(LimitType secondLimit) {
        this.secondLimit = secondLimit;
    }
}


public class LimitType implements Serializable{

    private static final long serialVersionUID = 1L;

    private BigDecimal limit;
    private String type;
    private String status;

    public BigDecimal getLimit() {
        return limit;
    }

    public void setLimit(BigDecimal limit) {
        this.limit = limit;
    }

    public String getType() {
        return type;
    }

    public void setType(String type) {
        this.type = type;
    }

    public String getStatus() {
        return status;
    }

    public void setStatus(String status) {
        this.status = status;
    }
}

限制请求对象

public class LimitReq extends GameLimit {

    private String key;

    public String getKey() {
        return key;
    }
}

休息 Controller :

@RequestMapping(value = "/GameLimit", method = RequestMethod.POST)
    public Response setCardLimit(@RequestBody GameLimitReq request) throws Exception {
        return limitService.updateGameLimit(request);
    }

TypeScript 客户端:

changeLimits(firstLimit: IWidgetLimit, secondLimit: IWidgetLimit, key: string): ng.IPromise<any> {
            return this.$http.post(this.apiPrefix + '/GameLimit', {
                'firstLimit': {
                    limit: firstLimit.limit,
                    type: firstLimit.type,
                    status: firstLimit.status
                },
                'secondLimit': {
                    limit: secondLimit.limit,
                    type: secondLimit.type,
                    status: secondLimit.status,
                },

                key: key
            }).then(function (response: any) {
                return response.data;
            }.bind(this));
        }

Answer 1

看到这个question and answer 400 错误表示您的 json 格式错误。

从您的代码片段来看，行 limitService.updateGameLimit(request); 似乎应该提供 JSON，但它未包含在代码片段中。一旦获得该方法的输出，您可以通过 JsonLint 运行它。检查语法。然后可以从那里进行修复。

从您的 typescript 客户端来看，这似乎提供了无效的 json。虽然我并不完全精通 typescript ，但即使有隐含的引号，它也肯定有一些格式错误的 JSON。至少，firstLimit、secondLimit 和 key 应该有双引号。