Занятие №7 в рамках Курсов программирования Ruby on Rails. Группа курсов «ВКонтакте»: http://vk.com/ruby_school Организатор — Агентство интернет-маркетинга Мэйк makeagency.ru. Курсы проводятся на базе Кузбасского государственного технического университета, кафедры «Информационные и автоматизированные производственные системы».

1. #7 AJAX-формы
Отображение ошибок и сообщения об успешной
отправке формы без полной перезагрузки страницы
Денис Калесников, главный программист Мэйк
make.st

2. На этом занятии
Отправка форм и отображение ошибок без перезагрузки.
Роутинг и REST (теория)

3. Промежуточные итоги курсов
1. Модель из не менее чем 5 таблиц ✔
2. Связи между сущностями ✔
3. Валидация модели предметной области ✔
4. Закрытая часть, вход в которую будет по паролю.
5. CSS-фреймворк Twitter Bootstrap. ✔
6. Компонент Jquery UI
7. Форма с валидацией и асинхронным отображением ошибок

4. Обработка ajax-форм
1. Перехват события формы on-submit
2. Отправка ajax-запроса на сервер
3. Обработка ответа
4. Отображение ошибок
5. Реакция на успешную отправку формы

5. Полезные ссылки
http://rusrails.ru/working-with-javascript-in-rails
http://api.jquery.com/insertbefore/
http://api.jquery.com/prepend/

6. Практическое задание
Открыть страницу https://github.com/seyhunak/twitter-bootstrap-rails
На странице со списком сотрудников, при клике на кнопку “Новый сотрудник”
должно открываться модальное окно с формой.
В случае ошибок над полем ввода нужно вывести текст с ошибкой и обвести
его красной рамкой.
В случае успешного сохранения - добавить новую строку в начало таблицы.

7. Ответ к заданию
В результате, у вас должны получиться изменения в коде, аналогичные
данному коммиту.

8. Роутинг
http://rusrails.ru/rails-routing
Маршрут в Rails - связывает URL-запроса и HTTP-метод (get, post, put, patch,
delete) с контроллером и экшеном.
Для просмотра всех возможных маршрутов в консоли выполните
rake routes

9. REST (Representational state transfer)
Каждая единица информации однозначно определяется URL – это значит, что
URL по сути является первичным ключом для единицы данных. Т.е. например
третья книга с книжной полки будет иметь вид /book/3, а 35 страница в этой
книге — /book/3/page/35.
https://habrahabr.ru/post/38730/

10. ”глаголы” REST
GET /book/ — получить список всех книг
GET /book/3/ — получить книгу номер 3
PUT /book/ — добавить книгу (данные в теле запроса)
POST /book/3 – изменить книгу (данные в теле запроса)
DELETE /book/3 – удалить книгу

11. Спасибо за внимание!
Денис Калесников, главный программист Мэйк
make.st