打开新页面“正在加载...” 的功能

[lvxiao715]

打开一个新页面，Page_Load()会耗时30秒的样子，希望在这段时间有一个提示，比如“正在加载...”或进度条的，不要设定时间，实时的，好比打开谷歌邮箱的进度条。我试过在Page_Load中：

        protected void Page_Load(object sender, EventArgs e)
        {
            if (!Page.IsPostBack)
            {
                //1.调用js,显示“正在加载中...”
                //2.后台处理代码，大概30秒
                //3.调用js,隐藏“正在加载中...”
            }
        }

这样子是不行的，求教其他方法

[le616]

按你这种情况
你直接页面加载个loading 的图片
js写个
function hide()
{
document.getElementById('loader_container').style.display='none';
}
window.setTimeout('hide()', 1000(改成你想要的时间));

[super1021love]

asp.net 的 ajax 或者 使用AjaxControlToolkit

[zhaoyycit]

为什么不选择在父窗体中异步执行一些打开窗体的内容呢？

[手可摘星辰]

用AJAX挺方便

[yanbinquan]

[Quote=引用 1 楼 mockqi 的回复:]

jquery 进度条 ------->
[/Quote]

[tengshengku]

还是现优化下你的代码吧 用户不可能等30秒的 那样的用户体验也太差了
如果优化后还慢 就用Ajax异步加载吧

[jianshao810]

我始终认为，在单个页面（不用异步加载）是做不了的。

[梦回故里102]

[Quote=引用 5 楼 codeingman 的回复:]
30秒 不用加了 没有人会等这么久的
[/Quote]

经典

[lijing3333]

这个工作都是前台 div js来做的。。。。。

[IE11下面经常卡到爆]

[Quote=引用 2 楼 anheiguoke 的回复:]
先打开一个空的页面 在页面的onload事件里做ajax请求，在服务器处理这段 你可以显示为正在加载中……
[/Quote]
+1
Ajax成功返回后，将服务端响应流填充至页面里

[jianshao810]

[Quote=引用 41 楼 dongxinxi 的回复:]
引用 2 楼 anheiguoke 的回复:
先打开一个空的页面 在页面的onload事件里做ajax请求，在服务器处理这段 你可以显示为正在加载中……

+1
Ajax成功返回后，将服务端响应流填充至页面里
[/Quote]
我推荐这种

[一片冰心在玉壶]

jquery 进度条 ------->

[itrefer]

先打开一个空的页面 在页面的onload事件里做ajax请求，在服务器处理这段 你可以显示为正在加载中……

[ycproc]

给页面加载里面写一个动态的显示层

[变成熊猫你就老实了是不]

那是异步的效果，需要用ajax

[codeingman]

30秒 不用加了 没有人会等这么久的

[一一一一]

[Quote=引用 5 楼 codeingman 的回复:]
30秒 不用加了 没有人会等这么久的
[/Quote]
+1

[灵雨飘零]

<div id="progress" style="right: 400px; top: 200px; float: right; position: absolute;">
<center>
 <img alt="" src="/Images/Page/loading/loading1.gif" /> 正在加载 ...
</center>
</div>
</form>

<script type="text/javascript">
hidden("progress");
</script>

[灵雨飘零]

<div id="progress" style="right: 400px; top: 200px; float: right; position: absolute;">
<center>
 <img alt="" src="/Images/Page/loading/loading1.gif" /> 正在加载 ...
</center>
</div>
</form>

<script type="text/javascript">
hidden("progress");
</script>

[jianshao810]

23 楼 与 26楼的做法其实跟楼主的做法一样。
一个请求 在 render事件才将 html输出到浏览器。之前的所有事情都运行到服务器，你输出那段 js 有何用？