esp-idf-svc 0.52.1

Implementation of the embedded-svc traits for ESP-IDF (Espressif's IoT Development Framework)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>ESP-RS JSON Post Handler</title>
<style type="text/css">
body {
	max-width: 50em;
	margin: auto;
	padding: 1em;
	font: 1em/1.65 sans-serif;
}
input {
    width: 100%;
    height: 3em;
    margin-bottom: 1em;
}
</style>
</head>
<body>
<form id="the-form" action="/post" method="post" accept-charset="utf-8">
<label for="first-name">First Name:</label>
<input type="text" id="first-name" name="first_name"><br>
<label for="age">Age:</label>
<input type="number" id="age" name="age" min="0" max="150"><br>
<label for="birthplace">Birthplace:</label>
<input type="text" id="birthplace" name="birthplace"><br>
<input type="submit" value="Submit">
</form>
<p id="server-resp"></p>
<script type="text/javascript">

let theForm = document.getElementById("the-form");
let serverResp = document.getElementById("server-resp");

theForm.addEventListener("submit", async (e) => {
    e.preventDefault();

    let form = e.currentTarget;
    let url = form.action;

    try {
        let entries = Object.fromEntries(new FormData(form).entries());
        entries["age"] = parseInt(entries["age"]);
        let resp = await fetch(url, {
            method: "POST",
            headers: {
                "Content-Type": "application/json",
                Accept: "application/json",
            },
            body: JSON.stringify(entries),
        });
        serverResp.innerText = await resp.text();
    } catch (err) {
        console.error(err);
    }
});

</script>
</body>
</html>