Вставка записей
Реализуйте форму, с помощью которой можно будет AJAX запросом добавить нового работника в базу данных.
По загрузке клиентской страницы выведите список всех работников в виде HTML таблицы. Под таблицей сделайте форму для добавления нового работника. Пусть отправка формы осуществляется AJAX запросом.
Пусть сервер в ответ присылает тег tr с данными добавленного работника и этот работник добавляется в начало HTML таблицы с работниками.
Редактирование записей
Давайте теперь займемся редактированием. Пусть у нас есть список работников, а под ним - форма для редактирования. Пусть также рядом с каждым работником расположена ссылка, по нажатию на которую этого работника можно будет поредактировать с помощью нашей формы.
Давайте обсудим, каким образом реализовать редактирование.
Итак, у нас есть список работников со ссылками для редактирования. По нажатию на какую-нибудь ссылку мы должны выполнить AJAX запрос, который запросит у сервера данные по этому работнику (по его id). После того, как придет ответ, эти данные нужно показать в нашей форме.
После этого пользователь нашего сайта редактирует данные и нажимает на кнопку отправки формы. В этом случае мы должны сделать еще один AJAX запрос, который скажет серверу выполнить UPDATE запрос. После ответа сервера мы можем вывести какое-нибудь информационное сообщение.
Реализуйте описанное редактирование записей.
Редактирование ячеек
Не обязательно редактировать целиком всю запись. Пусть наши работники выведены в виде HTML таблицы. Можно сделать так, чтобы, например, по клику или по двойному клику на любую из ячеек в ней вместо текста появлялся инпут с ее текстом.
После редактирования текста и потери фокуса с инпута должен выполнится AJAX запрос на обновление данного поля данной записи.
Что передавать в AJAX запросе: id записи, имя поля, которое мы редактировали и новое значение поля.
Реализуйте описанное редактирование ячеек.