Я создаю приложение с множеством разных наборов данных. Местоположения, клиенты, рейтинги и т. Д. *
Во всем приложении есть всплывающие окна и динамически заполненные модули, выпадающие списки и т. Д. В настоящее время мой метод заключается в прикреплении «data-id» в качестве атрибута к любой кнопке. которые создают динамический контент, а затем запускают функции ajax, используя атрибут для получения контента для всплывающего окна.
Я предполагаю, что это правильная вещь для больших модулей, которые требуют много динамических данных, но возьмите следующеепример.
У меня есть список местоположений, когда пользователь нажимает (добавить ссылку), я бы хотел, чтобы у всплывающего модуля был заголовок «Добавление ссылки на [имя местоположения]». Действительно ли мне нужно было бы создать функцию ajax просто для того, чтобы заполнить имя местоположения из базы данных? Я мог бы получить его из DOM, но это кажется глупым, потому что большинству всплывающих окон требуются данные, которых нет в DOM.
По сути, мой вопрос таков; Какой самый простой способ получить базовые данные из базы данных в javascript?
Вот пример того, что у меня есть для целой связки кнопок с различными модулями и заголовками:
$('body').on('click','.add_board_to_loc',function(){
var id = $(this).attr('data-id');
let getLocation = function(id){
$.ajax({
type: 'POST',
url: 'includes/ajax.php',
data: {
action: 'getLocation',
loc_id: id
},
success: function(data){
$('#add_link_modal_title').text(data['location_name']);
}
});
}
$('#addBoardModal').modal('show');
});