Получение значения из текстового поля и отправка его с AJAX запросом Javascript

Question

Я пытаюсь синхронизировать c как клиентских, так и серверных сценариев, чтобы клиент извлекал значение из текстового поля и отправлял его на сервер, после чего сервер отображал эти входные данные в виде cook ie.

Вот код, который у меня есть до сих пор

function loadCookie() {
        //[1] make a new request object
        var xhttp = new XMLHttpRequest();

        //[2] set the request options
        xhttp.open("GET", "index.html", true);

        //[3] define what you will do when you ge a response (callback)
        xhttp.onreadystatechange = function(){
            if (this.readyState == 4 && this.status == 200) {
                document.getElementById("input_response").innerHTML = this.responseText;
            }
        };

        //[4] finally send out the request
        xhttp.send();
    }

У меня есть кнопка и, но у меня возникает проблема перезагрузки самой страницы вместо того, чтобы принять значение ввода и показывая это как повар ie на сервере. Я подозреваю, что это связано с URL по индексу. html