Grazie per le dritte, avevo già fatto delle ricerche su internet e delle prove con i comandi da te consigliati ma mi sono rivolto al forum perche non riesco a capire perche non funziona. Il codice non sembra avere errori, più che altro il browser forse blocca l'esecuzione del comando per qualche motivo. Posto di seguito le varie prove che ho fatto.
PROVA 1
codice:
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#div1").load("getTemp.php");
});
});
</script>
</head>
<body>
<div id="div1"><h2>External Content</h2></div>
<button>Get External Content</button>
</body>
</html>
PROVA 2
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.get("getTemp.php", function(data, status){
alert("Data: " + data + "\nStatus: " + status);
});
});
});
</script>
</head>
<body>
<button>Send an HTTP GET request to a page and get the result back</button>
</body>
</html>
PROVA 3
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.getJSON("getTemp.php", function(result){
$.each(result, function(i, field){
$("div").append(field + " ");
});
});
});
});
</script>
</head>
<body>
<button>Get JSON data</button>
<div></div>
</body>
</html>