Question

考虑以下类型：

type alias Wrapper =
    { data : Data }

type alias Data =
    { name : String }

以下JSON：

{"data": {"name": "Keith"}}

如何编写解码器，允许我将HTTP响应转换为Wrapper类型别名的实例？

我尝试了许多使用核心库Json.Decode.Pipeline和Json.Decode.Extra的方法，却没有找到可行的解决方案。

这是我最近的尝试：

dataDecoder =
    succeed Data
        |> andMap (field "name" Decode.string)

wrapperDecoder =
    succeed Wrapper
        |> andMap (field "data" dataDecoder)

结果是：

BadPayload＆＃34;期望一个名为name的字段的对象，而是得到：{\＆＃34; data \＆＃34;：{\＆＃34; name \＆＃34;： \＆＃34;富\＆＃34;}}＆＃34; {status = {code = 200，message =＆＃34; OK＆＃34; }，headers = Dict.fromList [（＆＃34; cache-control＆＃34;，＆＃34; max-age = 0，private，must-revalidate＆＃34;），（＆＃34; content-type＆＃34 ;，＆＃34; application / json; charset = utf-8＆＃34;）]，url =＆＃34; http://localhost:5000//users/foo＆＃34;，body =＆＃34; {\＆＃34;数据\＆＃34;：{\＆＃34;名称\＆＃34;：\＆＃34;富\＆＃34;}}＆＃34; }

编辑：

这最终成为最终用户的问题。我将正确的解码器传递给Http.post，但Http.send实际上并没有调用函数包裹Http.post。卫生署。

Answer 1

您的解码器可以正常处理您的示例输入，但是您收到的错误消息让我相信您正在尝试在Http调用中使用dataDecoder而不是wrapperDecoder，因为错误消息是寻找名为name的字段。

虽然succeed和andMap 可以用于构建解码器，但您可以使用map：

dataDecoder : Decoder Data
dataDecoder =
    Decode.map Data (field "name" string)

wrapperDecoder : Decoder Wrapper
wrapperDecoder =
    Decode.map Wrapper (field "data" dataDecoder)

Answer 2

正如Chad Gilbert所写，你的解码器很好：https://ellie-app.com/kDX99XRbta1/0

要进行双重检查，请在解码器中添加类型注释：

dataDecoder : Decoder Data
dataDecoder = ...

wrapperDecoder : Decoder Wrapper
wrapperDecoder = ...

如果您真的使用wrapperDecoder（Http.post apiUrl body wrapperDecoder），则还有一种错误可能性：您的API端点返回具有不同形状的数据，例如：

{"data": {"data": {"name": "foo"}}}

你可以仔细检查吗？（在Chrome的Web Inspector等中）

解码Elm中的嵌套JSON值（0.18）

2 个答案: