Подготовка к AJAX в PHP

В данном уроке мы подготовим HTML и JavaScript для изучения работы с AJAX.

Сделаем кнопку, по нажатию на которую будет отправляться AJAX запрос:

<button id="button">send</button>

Сделаем блок, в который будет выводиться результат AJAX запроса:

<div id="result"></div>

Получим ссылки на эти элементы в переменные:

let result = document.querySelector('#result');
let button = document.querySelector('#button');

Привяжем обработку клика к кнопке:

button.addEventListener('click', function() {
	// выполним AJAX запрос
});

Проделайте описанные в уроке манипуляции, подготовив поле для дальнейшей работы.