Отправка формы в fancybox

Question

Можно ли создать форму для отправки в fancybox.

<a class="assignScoreValues" href="/quality/assign-score-values/id/1">Assign Score Values</a>

Затем в контроллере я отображаю форму для отправки.Я не могу перенаправить, так как потеряю информацию на исходной странице.

Я думаю, что это невозможно?

Answer 1

Вы можете отправить форму с помощью AJAX, используя Jquery и serializeArray().Чтобы использовать HTML-ссылку для отправки:

<a onclick="var data=jQuery('#form_id').serializeArray();
            $.ajax(
            {
                url:'url/to/post',
                type:'POST',
                data:data,
                success:
                    function(data){
                        //do something on success, for example close fancybox:
                        $.fancybox.close();
                }
            });
            return false;
            "
href="javascript:void(0);">Save Form</a>

Answer 2

Окно Fancybox является частью HTML родительского окна.Поэтому, если ваш fancybox не состоит из iframe, отправка в fancybox перезагрузит вашу родительскую страницу.

Итак, очевидный (и единственный, на мой взгляд) способ правильно отправить форму - это сделать это через AJAX.Затем вы можете закрыть fancybox, используя метод $.fancybox.close().