如何在显示 jQuery UI Dialog 中,以 ajax 方式调入 dialog 中显示的内容呢?
一种格式是:
$("#myDialog").load( openUrl, postData , function (responseText, textStatus, XMLHttpRequest) { $("#myDialog").dialog('open'); // 打开对话框 } );
另一种 ajax 调用格式则是:
$.ajax({ type: "POST", url: openUrl , data: jsonPostData, success: function(html,textStatus, XMLHttpRequest){ $("#myDialog").html(html).dialog('open'); } });
其实,这只是jQuery 的 ajax 调用的两种方式,与 dialog 无关。
至于 dialog 的初始化工作,则需要在之前进行,比如:
jqDialog.dialog({ bgiframe: true, autoOpen: false, resizable: false, width:650, Height:500, modal: true, overlay: { backgroundColor: '#000', opacity: 0.5 }, close: function() { ... }, open: function() { ... }, buttons: { '选定当前记录': function() {... }, '取消': function() { $(this).dialog('close'); } } });
可参考:
jquery-ui dialog with ajax how to avoid a common error
JQuery.UI Dialog & $().load() & JavaScript