ファンシーボックスでのフォームの送信

Question

ファンシーボックス内で送信するフォームを作成することは可能ですか？

<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

ファンシーボックスウィンドウは、親ウィンドウのHTMLの一部です。したがって、ファンシーボックスがiframeで構成されていない場合、ファンシーボックスに送信すると、親ページがリロードされます。

フォームを正しく送信する方法は、AJAXを介して行うことです。その後、$.fancybox.close()メソッドを使用してファンシーボックスを閉じることができます。