Много страниц для запросов через AJAX в PHP
Пусть теперь у нас будет много страниц, на которые мы будем слать AJAX запросы. Для примера, пусть две страницы.
Пусть первая страница содержит следующее:
<p>
1
</p>
А вторая страница содержит следующее:
<p>
1
</p>
Давайте сделаем две кнопки:
<div id="result"></div>
<button id="button1">send1</button>
<button id="button2">send2</button>
Получим ссылки на наши элементы:
let result = document.querySelector('#result');
let button1 = document.querySelector('#button1');
let button2 = document.querySelector('#button2');
Пусть нажатие на первую кнопку загружает первую страницу, а нажатие на вторую кнопку - загружает вторую страницу. Давайте это реализуем.
Привяжем обработчик к первой кнопке:
button1.addEventListener('click', async function() {
let response = await fetch('ajax.php1.php');
let text = await response.text();
result.innerHTML = text;
});
Привяжем обработчик ко второй кнопке:
button2.addEventListener('click', async function() {
let response = await fetch('ajax.php2.php');
let text = await response.text();
result.innerHTML = text;
});
Даны 5 кнопок и div. Есть также
5 страниц вида: ajax/1.php, ajax/2.php
и так далее. Сделайте так, чтобы каждая из
кнопок подгружала в div соответствующую страницу.
Дана одна кнопка, div и 5 страниц.
Пусть первое нажатие на кнопку подгружает
в div первую страницу, второе нажатие -
вторую, и так далее, пока страницы
не закончатся.