Categories: Development

Getting PHP value with AJAX every 1 second

Calling a PHP page and showing its output every second with AJAX. For ease of use, this requires Jquery.

This example will show the current datetime as per the PHP timezone setting.

index.html:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript">
    setInterval(function () {
        $.ajax({
            url: 'datetime.php',
            success: function (data) {
                $('.datetime').html(data);
            }
        });
    }, 1000);
</script>
<div class="datetime"></div>

datetime.php:

<?php
echo date('Y-m-d H:i:s');

All datetime.php does is echo the date as per the format, the AJAX setinterval function will call datetime.php every 1 second and put its output into the HTML div with class=datetime

This example serves no real purpose an actual use would be fetching value/s from a database and displaying them in real-time considering the fetching and updating the div every 1 second.

 

Share

Recent Posts

Kennington reservoir drained drone images

A drained and empty Kennington reservoir images from a drone in early July 2024. The…

2 years ago

Merrimu Reservoir drone images

Merrimu Reservoir from drone. Click images to view larger.

2 years ago

Early September spring shots

Some early September spring shots from a bushwalk, It is still too early for wildflowers.

3 years ago

Cloning an NVMe to SK Hynix Platinum P41 NVMe

I recently needed to clone over a smaller NVMe to a 2TB SK Hynix Platinum…

3 years ago

Using Laravel’s deleteDirectory to delete folders and their contents

If you ever needed a simple solution in Laravel to delete an entire directory and…

3 years ago

How to allow only 1 user to register in a Laravel application

How to enforce only one user to register or be registered in a Laravel web…

3 years ago