Edit in JSFiddle

// variable to define the placeholder for the album data
var albums = document.getElementById('albums');

// variable to define the http request
var request = new XMLHttpRequest();

// call the mysafeinfo api to get the data
request.open("GET", "https://mysafeinfo.com/api/data?list=beatlesalbums&format=json&select=ent,typ,rd&alias=ent=artist,typ=album,rd=date", true);

// send the request
request.send();

// check onreadystatechange for the response from the http request
request.onreadystatechange = function () {
    // make sure the response is ready
    if (request.readyState == 4 && request.status == 200) {
        // parse the JSON data
        var data = JSON.parse(request.responseText);

        // loop through the data
        for (i = 0; i < data.length; i++) {
            albums.innerHTML += '<tr><td>' + data[i].artist + '</td><td>' + data[i].date + '</td><td>' + data[i].album + '</td></tr>'
        }
    }
};
<table>
    <thead>
        <tr style="font-weight: bold">
            <th align="left" width="100">Artist</th>
            <th align="left" width="100">Date</th>
            <th align="left">Album</th>
        </tr>
    </thead>
    <tbody id="albums"></tbody>
</table>