ariesmcrae/ReadExternalJSON

## ReadExternalJSON
<!doctype html>
<html>
<head>
	<script>
		function init() {
			loadJSON(function (response) {
				displayJSON(response);
			});
		} // init


		function loadJSON(callback) {
			var xhr = new XMLHttpRequest();

			xhr.overrideMimeType('application/json');
			xhr.open('GET', 'scheduler.json', true);

			xhr.onreadystatechange = function() {
				if (xhr.readyState == 4 && xhr.status == '200') {
					callback(xhr.responseText);
				}
			};

			xhr.send(null);
		}


		function displayJSON(response) {
			var scheduler = JSON.parse(response);
			var myDiv = document.getElementById('MyDiv');
			var str = '';

			for (var i = 0; i < scheduler.length; i++) {
				str += 'id='    + scheduler[i].id + ' '
					+ 'name='  	+ scheduler[i].name + ' '
					+ 'isOn='  	+ scheduler[i].isOn + ' '
					+ 'count=' 	+ scheduler[i].count + ' '
					+ 'date=' 	+ scheduler[i].date + '<br/><br/>';
			}

			myDiv.innerHTML = str;
		}
	</script>


	<style>
		div { font-family: courier; }
	</style>

</head>

<body onload="init()">
	<div id="MyDiv" />
<body>


</html>
	<!doctype html>
	<html>
	<head>
	<script>
	function init() {
	loadJSON(function (response) {
	displayJSON(response);
	});
	} // init



	function loadJSON(callback) {
	var xhr = new XMLHttpRequest();

	xhr.overrideMimeType('application/json');
	xhr.open('GET', 'scheduler.json', true);

	xhr.onreadystatechange = function() {
	if (xhr.readyState == 4 && xhr.status == '200') {
	callback(xhr.responseText);
	}
	};

	xhr.send(null);
	}



	function displayJSON(response) {
	var scheduler = JSON.parse(response);
	var myDiv = document.getElementById('MyDiv');
	var str = '';

	for (var i = 0; i < scheduler.length; i++) {
	str += 'id=' + scheduler[i].id + ' '
	+ 'name=' + scheduler[i].name + ' '
	+ 'isOn=' + scheduler[i].isOn + ' '
	+ 'count=' + scheduler[i].count + ' '
	+ 'date=' + scheduler[i].date + '<br/><br/>';
	}

	myDiv.innerHTML = str;
	}
	</script>


	<style>
	div { font-family: courier; }
	</style>

	</head>

	<body onload="init()">
	<div id="MyDiv" />
	<body>


	</html>