<html>
<head>
</head>
<body>
<p>Click the following button and see result</p>
<form>
<button
id="button"
onclick="display()"
>
Click me
</button>
</form>
</body>
<script>
window.onload = () => {
document.querySelector('#button')
.addEventListener('click', display);
}
function display() {
alert('Hello World');
}
</script>
</html>const baseUrl = '/test/'
const xhr = new XMLHttpRequest();
// Асинхронный запрос третий аргумент true
xhr.open('GET', baseUrl + 'getUserNames', true);
// Посылаем запрос на сервер
xhr.send();
// Получаем ответ от сервера
xhr.onload = () => {
// Обрабатываем ответ в засимости от статуса ответа
if (xhr.status == 200) {
console.log(xhr.response);
// Данные ответа от сервера в xhr.response
}
else if (xhr.status == 403) {
alert('Доступ ограничен!');
}
else if (xhr.status == 404) {
alert('Запращиваемая страница не найдена!');
}
//... И прочие статусы ответа от сервера 500, 404...
}