Как передать данные из элемента в Javascript?

Question

[roma67177]

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


Все элементы являются однотипными, то есть кнопка удаления и редактирования. Не представляю как реализовать удаление/редактирование. То есть я могу к примеру при выводе из бд задавать каждому элементу уникальный id и добавлять тысячу EventListener'ов, а затем делать ajax запрос на скрипт удаления, но полагаю это неверно.

Час голову ломаю, ничего не могу придумать.

Answer 1

[Александр]

Можете использовать делегирование событий.

Answer 2

[Артём Дайнов]

Такой вариант, о котором вы думаете, можно сделать.
Так сделал я на своих сайтах. К каждой ссылке подставил функцию javascript, Которая перехватывает нажатие и отправляет ajax запрос на сервер. Такой формат мне позволяет работать с сайтом даже в том случае, если javascript отключен или случайно поломался.
<a id='click'> href='/index.php'>link</a>
Ну а в js что-то подобное.

$(document).ready(function(){
$('#click').click(function(e){
e.preventDefault();
// А вот тут уже можно делать что угодно касательно ajax
});
});