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

Элемент массива по ссылке в AJAX в PHP

Давайте теперь сделаем так, чтобы на стороне клиента были ссылки, нажимая на которые мы будем через AJAX получать определенные элементы массива.

Сделаем эти ссылки вручную:

<div id="menu"> <a href="#">1</a> <a href="#">2</a> <a href="#">3</a> </div>

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

let links = document.querySelectorAll('#menu a');

Переберем наши ссылки циклом и сделаем так, чтобы по клику на любую ссылку отправлялся GET запрос с соответствующим числом:

for (let link of links) { link.addEventListener('click', async function() { let num = link.textContent; let response = await fetch('/ajax.php?num=' + num); let text = await response.text(); result.textContent = text; }); }

Вручную сделайте ссылки для получения каждого элемента массива. Сделайте так, чтобы по нажатию на ссылку в абзац выводился соответствующий элемент массива.

Давайте на стороне клиента вручную зададим количество ссылок, которые мы хотим сделать:

let leng = 5;

Напишите код, который создаст нужное количество ссылок динамически.

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