ch1.htm

<html>
<head>
    <script>
        list = '<table><tr><th>Start</th><th>End</th><th>Approved</th></tr></table>';
        replies = '';
        function search()
        {
            var holidaysDIV = document.getElementById('holidays');
            var empidTXT = document.getElementById('empid');
            var xhttp = new XMLHttpRequest();
            xhttp.withCredentials = true;
            xhttp.onreadystatechange = function(x) {
                if (this.readyState == 4 && this.status == 200)
                    document.getElementById("holidays").innerHTML = this.responseText;
            };
            xhttp.open("GET", "http://localhost:8088/payroll/holiday/empid=" + empidTXT.value)
            xhttp.setRequestHeader("Accept", "text/html");
            xhttp.send();
            holidaysDIV.innerHTML = list; 
        }
    </script>
</head>
<body>
<p>Employee number: <input id="empid" type="text" /> 
    <input type="button" value="Search" onclick="search()"></p>
<p>Holiday list</p>
    <div id="holidays">
    </div>
</body>
</html>

