Элемент массива по ссылке в 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;
Напишите код, который создаст нужное количество ссылок динамически.