Question

我的jquery UI脚本运行良好。我的#dialog有几个PHP sql查询来获取结果。在这种情况下单击#open我想使用Ajax reguest。例如：我点击#open，点击UI对话框打开后，内部对话框加载user_settings.php，加载时显示：请稍候，加载....

几秒钟后，它会加载user_settings.php。我认为我使用的方式可以加载index.php重。

$(document).ready(function(){


    $("#dialog").load('ajax_dialog/user_settings.php')
    .dialog({ 
        autoOpen: false, 
        show: 'fade', 
        position: 'center center', 
        resizable:false, 
        draggable:false, 
        modal:true
    });

    $("#open").click(
        function () {
            $("#dialog").dialog('open');
            return false;
        }
    );

});
</script>

HTML

<a id ="open" href="#">Open jquery UI DIALOG</a>
    <div id="dialog" Title="My Jquery UI dialog"></div>

Answer 1

正如亚历克斯告诉你的那样，你的问题有点令人困惑，但我想我明白你想做什么（我希望！）。

<强> HTML

<a id ="open" href="#">Open jquery UI DIALOG</a>
<div id="dialog" Title="My Jquery UI dialog">Please wait, loading...</div>

<强> JS

$(document).ready(function(){
   $("#open").click(function(){
      $.ajax({
         type:       "POST",
         url:        "ajax_dialog/user_settings.php",
         dataType:   'html',
         success:    function(data){
            $('#dialog').html(data);
         }
      });
   });
});

当您点击open时，您的对话框将显示＆＃34;请稍候，正在加载...＆＃34;信息。几秒钟后，您的对话框内容将替换为您的user_settings.php内容。

如果您不在user_settings.php文件上回复任何内容，只需将行$('#dialog').html(data);替换为您想要的内容即可。

快乐的编码！

使用加载图标通过Ajax打开JQUERY UI对话框

1 个答案: