Обработка полей формы

1

Всем доброго дня!
Повторюсь, что я новичок и у меня есть большой вопрос по форме с классом form-ajax-submit.

У меня имеется страница c сформой через view. При нажатии на кнопку submit просиходит post-запрос по ссылке, однако как/где получить ответ от обработчика полей формы (в каком файле писать код)? Как после успешного или неуспешного ответа скрывать текущее окно и отправлять уведомление о сохранении? Как проводить проверку заполненности полей?

Если есть примеры/скриншоты, то буду очень благодарен. На мой взгляд, работа с формой+загрузка файлов (решено) - одни из самых важных задач.

2

Check out the form json serlization.

The basic flow would be

Page one has a form with a button that has a click handler, tapping on the submit button will trigger a function, this function will perform an ajax request with a successcallback.

In your success callback you can then route to another page, popup an alert etc.

If you are not doing a SPA then the flow may post to itself but the routing should be similar if you are using uri routing.

3

Thank you for your feedback! Can you show me how to work with form in view-window?
May be you can give me bottom code in from that?

4

Опытным путем, я перепробовал различные решения из примеров в Сети.
В итоге после сабмита формы, я таки начал получать ответ от обработчика (console.log). Теперь вопрос в следующем, как получить ответ от пути к файлу в action согласно этой конструкции:

$$('form.form-ajax-submit').on('formajax:success', function (e) {
    var xhr = e.detail.xhr; // actual XHR object
    console.log('success: ' + xhr);
	
    var data = e.detail.data; // Ajax response from action file
    // do something with response data
    console.log('success: ' + data);
});

В итоге, после сабмита формы получаем в консоле: success: undefined

Подскажите пожалуйста или тыкните где копать?

5

Ответ сервера будет в xhr.responseText:

$$('form.form-ajax-submit').on('formajax:success', function (e) {
    var xhr = e.detail.xhr;
    console.log(xhr);
    console.log(xhr.responseText);	
});