jquery-ui - 在 jQuery Dialog 本身上发布表单并获取数据

Question

目前我有我的项目以这种方式工作

1. 继续填写表格
2. 单击一个按钮新窗口弹出
3. 在弹出窗口中填写数据并提交
4. 弹出窗口关闭，该窗口上的数据保存到数据库
5. 继续填写父表单并保存数据

现在我想用 jQuery UI Dialog 替换弹出窗口并执行相同的操作（步骤 2 3 4）

这里有一些代码

 $( "#rtrDialog" ).dialog({  
     autoOpen: false,     
     height: 300,
     modal: true,
     width: 350,  
     buttons: {        
         "Continue..": function() {
             alert("Button Clicked");
             var url = "contractDetails.htm";
             window.open(url, '_blank');
         }
     }
    });

$("#RTRButton").click(function(){
    $("#rtrDialog" ).dialog("open");
});


<!-- This form is used to capture the RTR related Dialogs -->

                        <div id="rtrDialog" title="Enter RTR Details">  
                        <form>  
                        <fieldset>    
                        <p><b>Enter Details for ?</b></p>
                        <input type="radio" name="entity" value="applicant"/>Applicant<br/>
                        <input type="radio" name="entity" value="co-app1"/>Co-Applicant 1<br/>
                        <input type="radio" name="entity" value="co-app2" />Co-Applicant 2<br/>
                        <input type="radio" name="entity" value="co-app3" />Co-Applicant 3<br/>
                        <input type="radio" name="entity" value="guarantor1" />Guarantor 1<br/>
                        <input type="radio" name="entity" value="guarantor2" />Guarantor 2<br/>
                        <input type="radio" name="entity" value="guarantor3" />Guarantor 3<br/> 
                        </fieldset>  
                        </form>
                        </div>

我该怎么做呢？

我必须使用 jQuery-Ajax 方式吗？或者有什么更好的方法可以做到这一点

Answer 1

Use twitter bootstrap for opening the dialog box and perform your action..
http://getbootstrap.com/2.3.2/javascript.html#modals

check this..
Hope this will help ..