0

我的 jquery UI 脚本运行良好。我#dialog有几个获取结果的 PHP sql 查询。在这种情况下,单击#open我想使用 Ajax 请求后。例如:我点击#open,点击后 UI 对话框打开,里面的对话框加载user_settings.php,加载时显示: Please wait, loading....

几秒钟后,它会加载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>
4

1 回答 1

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,您的对话框将显示“请稍候,正在加载...”消息。几秒钟后,您的对话内容将替换为您的user_settings.php内容。

如果您没有在user_settings.php文件中回显任何内容,只需将该行替换为$('#dialog').html(data);您想要的内容。

快乐编码!

于 2013-10-19T19:46:26.727 回答