Basic XHR

Client-side HTML

<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>

Client-side JavaScript

<script type="text/javascript">
  function get(url, k) {
    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function() {
      if (this.readyState === 4 && this.status === 200) {
        k(xhr.responseText);
      }
    }
    xhr.open('GET', url, true);
    xhr.send();
  }

  get('/james.json', function (json) {
    var x = JSON.parse(json);
    document.getElementById('name').innerHTML = x.name;
    document.getElementById('nick').innerHTML = x.nick;
    document.getElementById('mbox').innerHTML = x.mbox;
    document.getElementById('homepage').innerHTML = x.homepage;
    document.getElementById('depiction').src = x.depiction;
  });
</script>

Demo

Name:
Handle:
Email:
Website:
Depiction: