Много страниц для запросов через AJAX в PHP

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

Пусть первая страница содержит следующее:

ajax/1.php<p>
  1
</p>

А вторая страница содержит следующее:

ajax/2.php<p>
  1
</p>

Давайте сделаем две кнопки:

index.php<div id="result"></div>
<button id="button1">send1</button>
<button id="button2">send2</button>

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

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

let button1 = document.querySelector('#button1');
let button2 = document.querySelector('#button2');

Пусть нажатие на первую кнопку загружает первую страницу, а нажатие на вторую кнопку - загружает вторую страницу. Давайте это реализуем.

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

javascriptbutton1.addEventListener('click', async function() {
  let response = await fetch('ajax.php1.php');
  let text = await response.text();
  
  result.innerHTML = text;
});

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

javascriptbutton2.addEventListener('click', async function() {
  let response = await fetch('ajax.php2.php');
  let text = await response.text();
  
  result.innerHTML = text;
});