Отправить Ajax запрос с помощью чистого Js

Недавно возникла необходимость отправки Ajax запросов с помощью чистого JavaScript кода без всяческих библиотек.

Решил поделиться примерами подобного кода, которые позволять экономить вам немного времени на поиски.


function sampleAjaxGet()
    {
        const xhr = new XMLHttpRequest();
        xhr.onreadystatechange = function() {
            if (xhr.readyState === 4) {
                document.getElementById(‘res_container’).innerHTML = xhr.responseText;
            }
        };
        xhr.open('GET', ‘/example-uri');
        xhr.send();
    }

В результате выполнения кода функции sampleAjaxGet() будет выполнен Ajax GET запрос по адресу /example-uri и результат выполнения запроса (текст ответа запроса) будет помещен в HTML элемент с id res_container.