JEFFRY A. DECOLA

MY FRONTEND AND BACKEND API EXAMPLES

GITHUB REPO

GET DATA FROM A WEB SERVER TO A BROWSER

Using an Ajax XMLHttpRequest (XHR) GET Call

Code written in javascript and php

get-data-from-web-server-to-browser-using-ajax-xhr-get-call

DATA FROM WEB SERVER

A request will be sent from a browser (client) to a web server (server) that will return the current time.

I used my dynamic_items_container php container for the layout

TIME AT WEB SERVER
TOGGLE SERVER ERROR

XMLHttpRequest (XHR) GET Call

JAVASCRIPT HIGHLIGHTS (CLIENT SIDE)


        // PHP FILE LOCATION
        var url = 'path to file/filename.php';

        // CREATE A NEW REQUEST
        getRequest = new XMLHttpRequest();
        
        // OPEN CONNECTION - CREATE GET REQUEST
        getRequest.open  'GET' , url, true);

        // SEND JSON FORMAT
        getRequest.setRequestHeader('Content-Type', 'application/json');
        getRequest.send();

        // LISTEN AND KICK OFF FUNCTION WHEN READY
        getRequest.onreadystatechange = function() {
            ...see code...
        }
        
        

PHP HIGHLIGHTS (SERVER SIDE)


        // BUILD ARRAY
        $dataArray = [
            'hour'=>$hour,
            'minute'=>$minute,
            'second'=>$second,
        ];

        // SEND IT TO THE BROWSER
        echo json_encode($dataArray);