Ajax Problem -

    <script>
        function ajaxrequest(str) {
            if (str.length == 0) {
                document.getElementById("txtHint").innerHTML = "";
                return;
            } else {
                var xmlhttp = new XMLHttpRequest();
                xmlhttp.onreadystatechange = function () {
                    if (this.readyState == 4 && this.status == 200) {
                        document.getElementById("txtHint").innerHTML = this.responseText;
                    }
                };
                xmlhttp.open("GET", "ajaxsearch?q=" + str, true);
                xmlhttp.send();
            }
        }
    </script>
    <div class="search-staff">
        <div class="flex">
            <div style="flex-grow:6">
                <input id="usersname" onkeyup="ajaxrequest(this.value)" type="text" name="discordid"
                       placeholder="DiscordID"
                       class="search-input">
            </div>
        <div id="txtHint"><b>--- No user selected ---</b></div>
    </div>