首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Ajax >

UI Dialog 中运用 AJAX 装载内容

2012-11-10 
UI Dialog 中使用 AJAX 装载内容如何在显示 jQuery UI Dialog 中,以 ajax 方式调入 dialog 中显示的内容呢

UI Dialog 中使用 AJAX 装载内容

如何在显示 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

?

?

热点排行