jquery - 模态对话框内的 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 绑定(bind)到实时事件，因为我可以看到您正在通过 jQuery 动态添加 #dialog。