JSON project 2

by Tim Morgan

HTML

<!DOCTYPE html>
<html lang="en">
    
    <head>
        <meta charset="utf-8" />
        <title>JavaScript And JSON</title>
    </head>
    
    <body>
        
<h2>Links</h2>

        <ol id="links"></ol>
        <script src="myscript.js"></script>
    </body>

</html>

JavaScript

var request;
if (window.XMLHttpRequest) {
    request = new XMLHttpRequest();
} else {
    request = new ActiveXObject("Microsoft.XMLHTTP");
}

request.open('GET', 'data.json');
request.onreadystatechange = function () {
    if ((request.status === 200) && (request.readyState === 4)) {

        info = JSON.parse(request.responseText);

        var output = '';
        for (var i = 0; i <= info.links.length - 1; i++) {
            for (key in info.links[i]) {
                if (info.links[i].hasOwnProperty(key)) {
                    output += '<li>' +
                        '<a href = "' + info.links[i][key] +
                        '">' + key + '</a>';
                    '</li>';
                }
            }
        }

        var update = document.getElementById('links');
        update.innerHTML = output;


    } //ready
} //event
request.send();