Sách
Elm
Chương 11. HTML và Web
Gửi một yêu cầu HTTP

Elm:
Gửi một yêu cầu HTTP

Làm thế nào:

Được rồi, đến lúc viết code. Elm thực hiện yêu cầu HTTP sử dụng mô-đun Http. Dưới đây là một ví dụ nhanh để tải xuống một số JSON:

import Http
import Json.Decode as Decode

type alias User =
    { id : Int
    , username : String
    }

userDecoder : Decode.Decoder User
userDecoder =
    Decode.map2 User
        (Decode.field "id" Decode.int)
        (Decode.field "username" Decode.string)

fetchUser : Cmd Msg
fetchUser =
    Http.get
        { url = "https://api.example.com/user/1"
        , decoder = userDecoder
        }
        |> Http.send UserFetched

type Msg
    = UserFetched (Result Http.Error User)

update : Msg -> Model -> (Model, Cmd Msg)
update msg model =
    case msg of
        UserFetched (Ok user) ->
            ({ model | user = Just user }, Cmd.none)

        UserFetched (Err _) ->
            (model, Cmd.none)

Đầu ra mẫu khi UserFetched là một Ok user:

{ id = 1, username = "ElmerFudd" }

Sâu hơn

Việc gửi yêu cầu HTTP không phải là mới; nó đã là cột sống của giao tiếp web kể từ những năm 90. Elm đóng gói sự phức tạp trong mô-đun Http thân thiện với người dùng, tập trung vào sự an toàn và đơn giản. Không giống như những ngày đầu, Elm trừu tượng hóa các phần rối rắm như XMLHttprequest và phân tích cú pháp JSON. Các phương pháp thay thế như sử dụng Fetch API hoặc XMLHttpRequest trực tiếp của JavaScript có thể thực hiện được thông qua cổng, nhưng cách tích hợp sẵn của Elm giữ cho mã của bạn an toàn về kiểu và nguyên sơ. Nó xử lý các tác dụng phụ thông qua kiến trúc mạnh mẽ mà không làm tổn hại đến độ tin cậy của ứng dụng của bạn.

Xem thêm

Để biết thêm giải thích chi tiết và khắc phục sự cố, hãy xem những nguồn lực sau:

Phân Tích Cú Pháp HTMLGửi một yêu cầu HTTP với xác thực cơ bản