Untitled

<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <div>
            <button>Procitaj</button>
        </div>
        <script>
            function fAjax() {
                //kreiranje objekta request
                var req = new XMLHttpRequest();

                // provera onready...svojstva kroz anonimus funkciju
                req.onreadystatechange = (function () {
                    // da li je zahtev obradjen i odgovor spreman???
                    if (req.readyState === 4 && req.status === 200) {
                        console.log(req.responseText);// sadrzaj odgovora od strane web servera
                        document.write(`<p>${req.responseText}</p>`);
                    }
                });
                req.open('GET', 'mojfajl.txt', true);
                req.send();
            }
            // uzimamo prvi taster
            var taster = document.getElementsByTagName('button')[0];
            taster.addEventListener('click', fAjax);
        </script>
    </body>
</html>