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

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

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

index.php<button id="button">send</button>

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

index.php<div id="result"></div>

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

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

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

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