如何用AJAX请求打开jQuery UI对话框?
在我的网页上,我有一个jQuery UI对话框。 当我单击按钮(创建新用户)时,它会打开一个新窗口。 我的问题是如何用AJAX请求打开该窗口?
从另一个页面打开对话框表单会很不错。 例如: dialog.html
All form fields are required.
你可以在这个小提琴中看到完整的代码:
您可以像这样定义对话框:
function showUrlInDialog(url){ $.ajax({ url: 'dialog.html', success: function(data) { $("#dialog-form").load(data).dialog({modal:true}).dialog('open'); } }); }
并将dialog-form div中的当前标记定义到名为dialog.html的新页面中。 在按钮单击事件上调用上述写入function。 我希望这就是你所需要的。
我认为这是一个更简单的答案版本:
$("#the-button").click(function(){ $("#dialog").dialog({modal: true}).dialog('open')).load("dialog.html") })
对我来说.load不起作用。 所以我用过,
function showUrlInDialog(url){ $.ajax({ url: 'dialog.html', success: function(data) { $("#dialog-form").html(data).dialog({modal:true}).dialog('open'); } }); }