模态对话框内的Ajax调用

Question

<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调用？

Answer 1

模态对话框只是页面上的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绑定到一个直播事件，因为我可以看到你是通过jQuery动态添加#dialog。