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…

1 year ago

Merrimu Reservoir drone images

Merrimu Reservoir from drone. Click images to view larger.

1 year ago

FTP getting array of file details such as size using PHP

Using FTP and PHP to get an array of file details such as size and…

2 years ago

Creating Laravel form requests

Creating and using Laravel form requests to create cleaner code, separation and reusability for your…

2 years ago

Improving the default Laravel login and register views

Improving the default Laravel login and register views in such a simple manner but making…

2 years ago

Laravel validation for checking if value exists in the database

Laravel validation for checking if a field value exists in the database. The validation rule…

2 years ago