加载慢的时候出现加载页图片

[zhoudianzhang]

网速慢的时候先出现加载页的图片，然后出现页面怎么实现。知道的大侠们顶一下

[ly198706]

在用到ajax的时候，就可以在执行ajax之前放一个加载的图片。ajax执行完成了，再隐藏图片，显示数据！

[子夜__]

延迟加载
AJAX、

[zhoudianzhang]

有没有简单一点的呢！

[linsx1987]

网上有插件的，百度一下，很简单的

[罗纳尔迪尼奥]

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

在用到ajax的时候，就可以在执行ajax之前放一个加载的图片。ajax执行完成了，再隐藏图片，显示数据！
[/Quote]

这个就很简单啊

[porschev]

Jquery ajax

 $(function() {                
                $.ajax({  
                    type: "POST",                   //提交方式  
                    url: "请求数据的URL",   
                    data: params,                   //参数（如果没有参数：null）  
                    dataType: "text",               //类型  
                    contentType: "application/json; charset=utf-8",  
                    beforeSend: function(XMLHttpRequest) {  
                        $("#tipDiv").show();    //加载提示层显示
                    },  
                    success: function(msg) {                          
                      
                    }, 
                    complete:function(){
                         $("#tipDiv").hide();        //加载提示层显示
                    },
                    error: function(xhr, msg, e) {  
                        alert("error");  
                    }  
                });  
            });  

[flyerwing]

[Quote=引用 2 楼 wxr0323 的回复:]
延迟加载
AJAX、
[/Quote]
这个挺好.

[wuyq11]

<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="upl" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:UpdateProgress ID="UpdateProgress1" runat="server">
<ProgressTemplate>
<div>
<div>数据加载中，请等待……</div>
</div>
</ProgressTemplate>
</asp:UpdateProgress>
</asp:UpdatePanel>

<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<Triggers>
<asp:AsyncPostBackTrigger ControlID ="Button1" EventName ="Click" />
</Triggers>
<ContentTemplate>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
</ContentTemplate>
</asp:UpdatePanel>
<asp:UpdateProgress ID="UpdateProgress1" runat="server">
<ProgressTemplate>
<span style =" font-size:12px">数据更新中......</span>
</ProgressTemplate>
</asp:UpdateProgress>
<asp:Button ID="Button1" runat="server" Text="Button" Width="143px" OnClick="Button1_Click" />
或使用div显示loading效果
<script language="javascript" type="text/javascript">
document.write(" <div id='loadDiv' style='padding-top: 250px; padding-left: 350px;font-size:x-large;height:400px'> <span id='loading'> <img src=\"../Images/loader2.gif\"/>正在加载数据，请稍候··· </span> </div>");
window.onload = function()
{
document.getElementById("hiddenDiv").style.display="";
document.getElementById("loadDiv").parentNode.removeChild(document.getElementById("loadDiv"));

}
</script>

[wwfgu00ing]

濑加载无非就是掩人耳目的把戏，只是一种效果，反而，加载速度很慢