Отправить форму из HTML, получить ответ сервера в JQuery модальный лайтбокс

Question

У меня есть простая html-форма на странице.

Я использую colorbox, хотя я представляю, что подойдет любой лайтбокс jquery - проблема заключается в попытке получить ответ формы с сервера в лайтбокс jquery,Еще в тот день вы могли установить форму «target» и указать ее на IFRAME.Очевидно, что сейчас мы этого не делаем из-за уязвимостей XSS, НО ...

Как мы должны это делать?

У кого-нибудь есть рабочий пример с кодом, которым они могут поделиться?Я не ищу "использовать лайтбокс xxxxx" - или "использовать $ .post - я пробовал. Либо лайтбокс не открывается, потому что он не был создан надлежащим образом, либо он открывается, но он пуст и может"Я не могу получить доступ к дате в parent.document (достаточно справедливо) или к данным с сервера. Я пытаюсь создать экземпляр внутри document.ready - но мне нужно, чтобы он вызывал onsubmit, и если я запускаю его в документе.разве они не должны так работать?

Answer 1

 $.post( url,
      function( data ) {

          // you have to open lightbox here.
          // and then you can fill it with result.

          var content = $( data ).find( '#content' );
          $( "#result" ).empty().append( content );
      }
    );

вы должны открыть лайтбокс, когда запрос ajax будет выполнен.Я думаю, что вы сначала открыли лайтбокс, а затем вы не можете аккуратно заполнить его после ответа, поскольку лайтбокс уже имеет ширину и высоту.Это то, что я понимаю из вашего поста.