Microsoft Techies: Read JSON file data

Thursday, 22 January 2015

	<html>
	<head>
	<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
	<script type="application/javascript">
	function loadJSON() {
	var http_request = new XMLHttpRequest();
	try {
	// Opera 8.0+, Firefox, Safari
	http_request = new XMLHttpRequest();
	} catch (e) {
	// Internet Explorer Browsers
	try {
	http_request = new ActiveXObject("Msxml2.XMLHTTP");
	} catch (e) {
	try {
	http_request = new ActiveXObject("Microsoft.XMLHTTP");
	} catch (e) {
	// Something went wrong
	alert("Your browser broke!");
	return false;
	}
	}
	}
	var data_file = "http://www.tutorialspoint.com/json/data.json";

	http_request.onreadystatechange = function () {
	if (http_request.readyState == 4) {
	// Javascript function JSON.parse to parse JSON data
	var jsonObj = JSON.parse(http_request.responseText);

	// jsonObj variable now contains the data structure and can
	// be accessed as jsonObj.name and jsonObj.country.
	document.getElementById("Name").innerHTML = jsonObj.name;
	document.getElementById("Country").innerHTML = jsonObj.country;
	}
	}
	http_request.open("GET", data_file, true);
	http_request.send();
	}
	</script>
	<title>tutorialspoint.com JSON</title>
	</head>
	<body>
	<h1>Cricketer Details</h1>
	<table class="src">
	<tr>
	<th>Name</th>
	<th>Country</th>
	</tr>
	<tr>
	<td>
	<div id="Name">Sachin</div>
	</td>
	<td>
	<div id="Country">India</div>
	</td>
	</tr>
	</table>
	<div class="central">
	<button type="button" onclick="loadJSON()">Update Details </button>
	</body>
	</html>

view raw gistfile1.html hosted with ❤ by GitHub