Untitled

<html>
<head>
<script>
function showList(str) {
	//console.log(str);
  if (str=="") {
    document.getElementById("txtHint").innerHTML="";
    return;
  }
  if (window.XMLHttpRequest) {
    // code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
  } else {  // code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange=function() {
    if (this.readyState==4 && this.status==200) {
      //alert(this.responseText); //importante per fare passo per passo
  		if(str.endsWith("actor")){ //se l'indirizzo finisce con actor

  			visualJsonAttore(this.responseText);
  		}
    }
  }

  xmlhttp.open("GET",str,true); //da qua decido get,post...https://www.w3schools.com/xml/dom_httprequest.asp
  xmlhttp.send();
}

function visualJsonAttore(json){
var obj = JSON.parse(json);
var table='<table border="1" ><tr><td>Id</td><td>nome</td><td>cognome</td><td>last update</td></tr>';
for (i = 0; i <obj.length; i++) {
	  table += "<tr><td>" + obj[i].actor_id + "</td><td>" +
    obj[i].first_name +"</td><td>" +
    obj[i].last_name +"</td><td>"+ obj[i].last_update +"</td></tr>";
}
table+="</table>";

document.getElementById("risultato").innerHTML = table;
}


</script>
</head>
<body>
<center>
<form>
<select name="lista" onchange="showList(this.value)">
<option value="">Seleziona un valore:</option>
<option value="http://localhost:8000/FrameworkFlight/actor">Attori</option>
</select>
</form>
<div id="risultato"><b>qui i risultati</b></div>
</center>
</body>
</html>