jScript.js~

window.onload = main;

function main() {

    var jsonData; // will hold the data returned from the ajax request
    function getDate() {
	var dateTime = new Date();
	return (
		dateTime.getDate() + "/" +
		(dateTime.getMonth()+1) + "/" +
		dateTime.getFullYear() + "|" +
		dateTime.getHours() + ":" +
		dateTime.getMinutes() + ":" +
		dateTime.getSeconds()
		);
    }

    document.getElementById("loadJSONButton").onclick = function() {
        loadJSON();
    }

    function loadJSON() {
        // create an AJAX request
        var xhttp;
        if (window.XMLHttpRequest) {
            xhttp = new XMLHttpRequest();
            xhttp.onreadystatechange = function() {
		// wait for server/browser processes to complete
		if (this.readyState == 4 && this.status == 200) {
                    console.log("AJAX request successful");
		    jsonData = xhttp.responseText;
                    // console.log(jsonData);
                } else {
		    console.log(getDate());
                }
            }
        } else {
            alert("This broswer is too outdated to process modern AJAX requests. Please upgrade before proceeding.");
        }
        // send the AJAX request
        xhttp.open("GET", "sampleData.json", true);
        xhttp.send();
    }
}