在模式对话框中隐藏服务器端数据

我正在尝试从服务器端检索一些数据，然后使用模式对话框进行显示。

这是我的对话框div

<div id="dialog1" title="Some title">
    <?php                   
        echo "Data to display within modal dialog box"; 
    ?>
</div>

这是我的JS脚本

$(document).ready(function(){
    $("#button1").click(function(){     //button1 is the id for a button
        $("#dialog1").dialog({modal:true});
    });
});

但我的问题是，当我加载页面时，echo会被执行，从而显示在屏幕上。但是，当我点击按钮时，模式对话框会正常工作，最初显示的页面上的文本会消失。

如何使php代码仅在模态对话框出现时可见，而不是在出现之前可见。