Есть ли простой способ сделать добавление таких элементов (и как потом обработать)?

Павел Корнилов, спасибо, что вдохновляете меня на изучение vue)
Не подскажете, а как использовать ajax для получения данных для рендеринга?
Условно, у меня есть такая штука https://goo.gl/6MLDJz
Как мне с таким кодом сделать ajax запрос при загрузке страницы?
И чтобы поменять данные после, я же могу просто сделать ajax запрос, а потом присвоить значения из него в data для vue?

Есть ли простой способ сделать добавление таких элементов (и как потом обработать)?

Павел Корнилов, большое вам спасибо!)

Есть ли простой способ сделать добавление таких элементов (и как потом обработать)?

Павел Корнилов, и ещё вопрос:
Хочу динамически определять поля модального окна и ссылку ajax реквеста, в какую сторону копать?( 1 модальное окно на все операции на странице, получатся. поля и запросы в зависимости от нажатой кнопки)

Есть ли простой способ сделать добавление таких элементов (и как потом обработать)?

Павел Корнилов, спасибо за пример. Что посоветуете по vue почитать?

Организация ролей?

Владислав Фурсов, да, у меня только одна роль может быть, спасибо)

Есть ли простой способ сделать добавление таких элементов (и как потом обработать)?

Павел Корнилов, я после вашего совета сел немного разобраться с vue, классная вещь, конечно.
Только немного непонятно, если я использую vue, то мне надо всю страницу генерировать через него? Не будет дурным тоном использовать только нужные возможности? (у меня большинство страниц уже готово)
Было бы очень интересно посмотреть, как вы переведете мою страницу в vue! Я использую adminLte, вот пример страницы link

Если надо, могу адаптировать для codepen.

Есть ли простой способ сделать добавление таких элементов (и как потом обработать)?

Павел Корнилов, выглядит непросто.

Организация ролей?

а почему нельзя просто доп поле сделать в users? где будет записан id роли?

Как передать name в функцию?

Yusif Zourab, уже немного не актуально, но все равно приму к сведению, спасибо)

Как передать name в функцию?

Виталий Киренков, спасибо)
Мне уже неловко спрашивать, но...
Вы не подскажете, как в ajax при сериализации (data: $(this).serialize()) добавить еще скрытую переменную id? Или каким образом можно передать id записи, данные которой я меняю?
С учетом того, что у меня от каждого input запрос к базе идет отдельно (а не сразу вся форма)

Как передать name в функцию?

Виталий Киренков, спасибо большое еще раз)
Еще небольшой вопрос.
Хочу сделать секундную задержку при удалении класса.
Вот так, естественно, работать не будет, но что делать? Передавать селектор в settimeout или можно как-то проще?

setTimeout(function () {
                    $(this).parent().removeClass('running');
                    $.notify({
                        // options
                        message: 'Данные сохранены'
                    },{
                        placement: {
                            from: 'bottom',
                            align: 'right'
                        },
                        // settings
                        type: 'success'
                    });

                }, 1000);

Как передать name в функцию?

И зачем еще оборачивать в $(function() ?

Как передать name в функцию?

Спасибо большое!
Получается, этот код будет работать с любым class="form-control" на странице?

Как передать name в функцию?

Виталий Киренков, подключена ли она в смысле? Если этот вопрос, то да.

Как передать name в функцию?

А если я хочу для div сделать? В котором лежит input? Как мне их вообще отличать? Какие-то id назначить каждому div?

Как передать name в функцию?

Виталий Киренков, извините :(
Я по onchange вызываю функцию, которая перед ajax запросом должна добавить в div (в котором input) класс running (loading.io), чтобы симпатично заблокировать поле и loader воткнуть.
А после выполнения ajax-запроса мне надо убрать этот класс.

Надеюсь, так понятнее.