本文介绍了一种利用Ajax优化页面加载体验的方法。通过先加载一个包含加载中图片的空白页面，然后通过Ajax请求实际页面内容并将其插入到空白页面中，最后隐藏加载中图片来实现平滑过渡。
常规的解决办法还是用ajax比较好。大概是这样的。
需要两个页面。1.一个是实际页面本身 2.另一个是一个空白页面放一张loading图片
先请求第2个页面，在这个页面中放一段ajax请求第1个页面，在success函数里将页面内容输出，并将loading图片隐藏掉。
代码是这样的：
loading page:
<body>
<img id='loadingImg' src='loading.gif' />
<body>
<script>
$.ajax({
type: 'GET',
url: 实际页面路径,
data: {},
success: function(){
$('body').append(data);
$('#loadingImg').hide();//或直接remove()
},
dataType: 'html'
});
</script>
扫一扫
1774
12-31
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
