НОВИНКА!
Занимательная математика от Трепачёва. Присоединяйтесь к нам!
⊗jsPmBsRMP 10 of 61 menu

Много страниц для запросов через 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 первую страницу, второе нажатие - вторую, и так далее, пока страницы не закончатся.

Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить