<!DOCTYPE htmtl>
<html>
<head>
<meta charset="utf-8" />
<title>Forms</title>
</head>
<body>
<h3>Submit Json</h3>
<button onclick="submitJson()">Submit</button>
<script>
let payload = {
timestamp: 12345,
kind: "this is a kind",
tags: ["tag1", "tag2", "tag3"],
};
function submitJson() {
fetch("http://localhost:8080/event", {
method: "POST",
headers: {
Accept: "application/json",
"Content-Type": "application/json",
},
body: JSON.stringify(payload),
})
.then(function (res) {
return res.json();
})
.then(function (data) {
let expected = {
...payload,
id: 1,
};
console.log("expected: ", expected);
console.log("received: ", data);
});
}
</script>
</body>
</html>