- 需求:在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>
此处省去复杂业务代码。。。。。。