<script>

var xmlhttp = new XMLHttpRequest();

xmlhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    var myObj = JSON.parse(this.responseText);


	mydemo=document.getElementById("demo")
	//mydemo.innerHTML=JSON.stringify(myObj)+"<br>"
	
	for(i=0;i<myObj.length;i++)
	{
	thename=myObj[i]["name"]  //put in variables
	theage=myObj[i]["age"]
	thejob=myObj[i]["job"]
	//thepet=myObj["pets"][0]["animal"]
	thepet=""
	
		for (j=0;j<myObj[i]["pets"].length;j++)
			{
			thepet=thepet+" "+(myObj[i]["pets"][j]["animal"])
			}
		
	
	mydemo.innerHTML+=thename + " " + theage + " " + thejob +" " + thepet + "<br>"
	}
  }
};
xmlhttp.open("GET", "4json.txt", true);
xmlhttp.send();

</script>

<div id="demo">


</div>