Soy nuevo en AJAX y actualmente intento obtener un PHP-AJAX simple para mostrar la hora del servidor después de hacer clic en el botón 'mostrar hora del servidor'. Pero no muestra el tiempo después de hacer clic en él. ¿Alguien puede ayudarme? Aquí está el código show_server_time.php:

 <?php include('header.html'); ?><br> <div class="container"> <div class="card"> <div class="card-header"> Ajax Server Time </div> <div class="card-body"> <button class="btn btn-success" onclick="get_server_time()"> Show Server Time </button> <br><br> <div id='showtime'></div> </div> </div> </div> <br> <script src="ajax.js"></script>

El ajax.js:

 function getXMLHTTPRequest(){ if(window.XMLHTTPRequest){ //for modern browsers return new XMLHttpRequest(); }else{ //for old IE browsers return new ActiveXObject("Microsoft.XMLHTTP"); } } function get_server_time(){ var xmlhttp = getXMLHTTPRequest(); var page = 'get_server_time.php'; xmlhttp.open("GET",page,true); xmlhttp.onreadystatechange = function() { document.getElementById('showtime').innerHTML = '<img src = ajax_loader.png>'; if (xmlhttp.readyState == 4 && xmlhttp.status == 200){ document.getElementById('showtime').innerHTML = xmlhttp.responseText; } } xmlhttp.send(null); }

Y este es el get_server_time.php:

 <?php echo date('H:i:s'); ?>