<script>
$(function() {
$('#clickMe').click(function(event) {
var mytext = $('#myText').val();
$('<div id="dialog"></div>').appendTo('body');
event.preventDefault();
$("#dialog").dialog({
width: 600,
height:300,
modal: true,
close: function(event, ui) {
$("#dialog").remove();
}
});
}); //close click
});
如何在模式对话框中实现 ajax 调用?
最佳答案
模式对话框只不过是页面上的 DIV/HTML 元素。
默认情况下它是隐藏的,当用户单击按钮时,会调用模式并显示在页面顶部。
您可以按照正常方式向其添加ajax
例如
<div id="dialog">
<a id="click" href="#">click me</a>
<span id="after_ajax"></span>
</div>
--
$('#click').live('click', function(){
$.post('',function(data){
$('#after_ajax').html(data);
});
});
注意,我将 #click 绑定(bind)到实时事件,因为我可以看到您正在通过 jQuery 动态添加 #dialog。
关于jquery - 模态对话框内的 Ajax 调用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6243171/