HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Read HTTP status 200</title>
</head>
<body>
  <h1>Fetch and read status</h1>
  <p>Click the button to fetch a real page and display its HTTP status code.</p>
  <button type="button" id="btn">Fetch this tutorial page</button>
  <pre id="out">(click the button)</pre>

  <script>
    document.getElementById('btn').onclick = function () {
      var out = document.getElementById('out');
      out.textContent = 'Loading...';
      fetch('/html/status-code')
        .then(function (response) {
          out.textContent =
            'Status: ' + response.status + ' ' + response.statusText + '\n' +
            'OK flag: ' + response.ok + '\n' +
            'Meaning: request succeeded (2xx class)';
        })
        .catch(function (err) {
          out.textContent = 'Error: ' + err.message;
        });
    };
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTTP Status Code — Read response.status (200 OK)