Ciao a tutti
oggi ho provato ad eseguire un collegamento semplice tra una pagina html con javascript ed un file .php.
Vorrei mostrare nella mia pagina html, dopo aver premuto un bottone, il timestamp che si ottiene nella mia pagina "prova_JSON2.php" . Ma anche senza errori non riesco a farlo funzionare.
Cosa devo modificare?
invece il file "prova_JSON2.php"
oggi ho provato ad eseguire un collegamento semplice tra una pagina html con javascript ed un file .php.
Vorrei mostrare nella mia pagina html, dopo aver premuto un bottone, il timestamp che si ottiene nella mia pagina "prova_JSON2.php" . Ma anche senza errori non riesco a farlo funzionare.
Cosa devo modificare?
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="../css/lib/jquery-latest.js"></script>
<script src="../css/lib/jquery.effects.core.js"></script>
<style>
#result{
width: 250px;
height: 100px;
border: 1px solid gray;
}
.loading{ /*nascondo immagine gif*/
display: none;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
/*Nell’elemento #input_form, al verificarsi dell’evento submit,
esegui la seguente funzione*/
$("#input_form").submit(function(){
$(".button").attr("disabled", "disabled");
$(".loading").show();
/*Ora al verificarsi dell’evento submit
disabilitiamo il bottone e mostriamo l’immagine gif:*/
$.ajax({ //fai richiesta ajax al file
url: 'prova_JSON2.php',
dataType: "json",
success: function(data) {
$("#timestamp").html(data.timestamp);
$("#ora").html(data.ora);
$("#giorno").html(data.giorno);
$(".button").removeAttr("disabled"); //tolgo attributo
$(".loading").hide(); //nascondo gif
}
});
return false;
});
});
</head>
<body>
<form id="input_form" action="?">
<input type="submit" value="richiedi dati">
<img src="../images/spinner.gif" border="0" class="loading">
</form>
<div id="result">
Il timestamp attuale è: <span id="timestamp"></span><br />
Che corrisponde alle ore: <span id="ora"></span><br />
Del giorno: <span id="giorno"></span>
</div>
</body>
</html>
invece il file "prova_JSON2.php"
PHP:
<?php
/*sleep(2); posso aggiungere questa istruzione
per far sospendere per due secondi la risposta dal server*/
$time = time();
$ora = date("H:i:s");
$giorno = date("j/n/Y");
echo "{'timestamp':'$time','ora':'$ora','giorno':'$giorno'}";
/*Preleviamo il timestamp, l’ora e la data ed in seguito eseguiamo
* l’output a video nel formato Json (nome:valore).*/
?>