Javascript, JS

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

Posted onAuthortadmin

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

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

1
2
3
4
5
6
7
8
9
10
11
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.