Skip to main content
Module

x/msgpack_javascript/example/fetch-example.html

@msgpack/msgpack - MessagePack for JavaScript / msgpack.org[JavaScript/TypeScript/ECMA-262]
msgpack/msgpack-javascript
Latest
File
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
<!DOCTYPE html><html lang="en">
<head>  <meta charset="UTF-8">  <script src="../dist.es5+umd/msgpack.min.js"></script>  <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>    <script id="script">      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>    <pre><code id="source"></code></pre>    <script>      const script = document.getElementById("script");      const source = document.getElementById("source");      source.appendChild(        document.createTextNode(          script.innerText.replace(/^ {6}/gms, "")));    </script>  </main></body>
</html>