msgpack-javascript/example/fetch-example.html at main · Aetherus/msgpack-javascript · GitHub

History

62 lines (55 loc) · 1.67 KB

Raw

<!DOCTYPE html>

<head>

<style>

main {

width: 80%;

margin: 20px auto;

}

</style>

</head>

<body>

<main>

<h1>Fetch API example</h1>

<p>Open DevTool and see the console logs.</p>

const MSGPACK_TYPE = "application/x-msgpack";

const url = "http://127.0.0.1:8080/";

(async () => {

// decode()

{

const response = await fetch(url);

const contentType = response.headers.get("content-type");

if (contentType && contentType.startsWith(MSGPACK_TYPE) && response.body != null) {

const object = await MessagePack.decodeAsync(response.body);

console.log("decode:", object);

} else {

console.error("Something is wrong!");

}

// decodeAsync()

{

const response = await fetch(url);

const contentType = response.headers.get("content-type");

if (contentType && contentType.startsWith(MSGPACK_TYPE) && response.body != null) {

const object = MessagePack.decode(await response.arrayBuffer());

console.log("decodeAsync:", object);

} else {

console.error("Something is wrong!");

}

})()

</script>

const script = document.getElementById("script");

const source = document.getElementById("source");

source.appendChild(

document.createTextNode(

script.innerText.replace(/^ {6}/gms, "")));

</script>

</main>

</body>

</html>

msgpack-javascript/example/fetch-example.html at main · Aetherus/msgpack-javascript · GitHub

Expand file tree

Breadcrumbs

fetch-example.html

Latest commit

History

Breadcrumbs

fetch-example.html

File metadata and controls