Axios

<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.26.1/axios.min.js"></script>

<table>
  <tr>
    <th>Name:</th>
    <td><span id="name"></span></td>
  </tr>
  <tr>
    <th>Handle:</th>
    <td><span id="nick"></span></td>
  </tr>
  <tr>
    <th>Email:</th>
    <td><a id="mbox"></a></td>
  </tr>
  <tr>
    <th>Website:</th>
    <td><a id="homepage"></a></td>
  </tr>
  <tr>
    <th>Depiction:</th>
    <td><img id="depiction"></img></td>
  </tr>
</table>

<script type="text/javascript">
  axios
    .get('/james.json')
    .then(function (response) {
      document.getElementById('name').innerHTML = response.data.name;
      document.getElementById('nick').innerHTML = response.data.nick;
      document.getElementById('mbox').innerHTML = response.data.mbox;
      document.getElementById('homepage').innerHTML = response.data.homepage;
      document.getElementById('depiction').src = response.data.depiction;
    })
    .catch(function (error) {
      console.error(error.message);
    });
</script>