jQUery UI对话框-它能像iFrame一样工作吗

jQUery UI Dialog - can it work like iFrame?

本文关键字：一样 工作 iFrame 对话框 UI jQUery      更新时间：2023-09-26

我有一个对话框，里面有表单，当表单提交时，它将提交位置，我如何确保我的对话框像iFrame一样工作，以便我的浏览器位置保持原样，只有dialog才会打开新的表单位置？

将<iframe id=herpaderp></iframe>放入对话框中，并在form上设置属性target=herpaderp。

这将导致表单的POST结果加载到iframe中。

如果表单也在对话框中，则需要向submit按钮添加逻辑，以便在提交过程中隐藏表单。

/！''注意IE8——当我尝试这个时，它在iframe内部打印时遇到了问题。

您可以使用ajax提交表单，并在对话框中显示响应

然后，您可以绑定外部页面中某个元素的单击，以防止重定向。如果您仍然想关注该链接，您可以对单击的链接执行另一个ajax请求，并在对话框中显示响应。

//you might need to edit the selector 
$('#mydialog a').click(function(e){
    e.preventDefault();
    //here you need to perform a ajax request to $(this).attr("href")
    //and show the response in #mydialog again
})

希望这能有所帮助，

相关文章：