用iframe方式为页面加载完毕前显示等待提示

• 需求：在a.aspx上点一条代办，用window.open方式打开b.aspx，这个页面要加载很多数据，加载期间会假死一会，页面一片空白啥也不能操作，为了更好的用户体验，怎么在页面上加上“请等待”的提示呢？
• 思路：使用iframe开发模拟AJAX。
• 步骤：父页面嵌iframe(父页面有等待提示，子页面有隐藏父页面提示的js)。
• 代码
  
  • 父页面代码：(就干两件事，显示等待提示和iframe)

<meta charset="utf-8" />
<script type="text/javascript" src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js">script>
<script>
    $(function () {
        var url = "http://www.abc.com/b.aspx?a=1&b=2";
        $('#mainPage').attr("src", url);
    });
script>
<center>
    <table height="150px" border="0" id='waitPage'>
        <tr>
            <td>
                <img width='28' height='28' id='myImage' src='http://img.zcool.cn/community/0179f1574d2d656ac72525ae5f181d.gif' />
            td>
            <td>加载中，请等待...td>
        tr>
    table>
center>
<iframe id='mainPage' src="" frameborder="no" height="100%" width="100%" border="0">iframe>

• 子页面代码：

<script>
    $(function () {
        $('#waitPage',parent.document).hide();//隐藏父页面的提示
    });
script>
此处省去复杂业务代码。。。。。。