Как записать данные в модальное окно jquery?

Question

[astrotrain]

Вот простенький пример таблицы с модальными окнами редактирования и удаления пользователей: bootsnipp.com/snippets/featured/bootstrap-snipp-fo...
Собственно, вопрос, как мне получать данные пользователя, которого я собираюсь редактировать/удалять из таблицы и добавлять в модальное окно, чтобы из него аяксом послать данные на управляющий скрипт?

Answer 1

[Роман Мисюра]

Можно сделать id для каждой строчки, где id равно id пользователя, либо же на кнопку дата-атрибут повешать с идентификатором. При клике (пишем в скрытый инпут идентификатор пользователя, в форму данные которые меняем) и отправляем в обработчик.

Comments

[astrotrain]

А можно пример как это ид в обработчике доставать?

[Роман Мисюра]

У вас есть БД, в ней скорее всего все записи хранятся под своими идентификаторами ( как в таблице ). Вы ж циклом выводите все записи в таблицу? Ну в шаблоне цикла (где выводим строчку) прописать еще к кнопке например data-user-id="Значение из БД" . При клике на кнопку повешать еще обработчик чтоб писало в инпут (например при клике $('#modal-user-id-input').val($(this).data('user-id)); А при сабмите формы отправлять и ИД где поправить (У вас же пойдет запрос мол апдейт "такие-то" данные где юзер-ид равно то что в поле было.

[astrotrain]

Примерно понял, спасибо.

Answer 2

[Антон Антон]

У меня есть пример для связки bootstrab/jquery с vue.js, возможно поможет (и вопрос по этой связке): Как переделать показ интерактивного действия с коллбэком на промис?

Comments

[astrotrain]

немного не то