求ASP.NET 2.0 页面正在加载过程中，显示“正在加载…”，进来看看解决思路
日期：2014-05-18 浏览次数：20622 次
求ASP.NET 2.0 页面正在加载过程中，显示“正在加载……”，急！！！进来看看
苦苦寻找了N天。
碰到了最大的麻烦，
曾经用ajax做过二级联动（纯ajax+js写的）
曾经用ajax做过用户注册，无刷新判断用户名（纯ajax写的）
现在要做一个系统，想通过ajax实现页面正在加载的时候提示“正在加载……”
以前做个类似的，用ajax的xmlhttprequest 对象写的，判断页面是否返回，这样实现“正在加载” 效果
但现在不知道是不是因为自己懒，写不出来
还是对这个不够理解，有些人，有很多人能做出来，每块地方加载的时候都用图片显示出“正在加载”达到很好的用户体验
如果非要我认真写，我可能只能在页面上一个地方用到，但要真正用到真的不会，我还没有入门，学起来真的很困难，在网上碰到会的人又不肯指点，真的很郁闷，内心是急切的想学会的。
还有我在2005里面装了 ajax extensions 这个东西，好像是ajax 1.0
但不会用，网上这个教程也很少。知道这个是ajax封装好的控件。
控件放在里面就能实现无刷新的效果了，但又听说一个页面只能用一个
网上又没教程，真的好困难，网上找了好久，都没找到答案，真的希望哪位能够帮帮我，指点一下也是好的，难道要我出学费到外面请老师，在网上真的学不到吗？
恳请各位，能帮我的帮帮我，很想学。
------解决方案--------------------
AJAX-extensions相关视频教程：
http://www.asp.net/learn/ajax-videos/
------解决方案--------------------
曾经用ajax做过二级联动（纯ajax+js写的）
曾经用ajax做过用户注册，无刷新判断用户名（纯ajax写的）
这种情况都可以用net的ajax来做.除了一个updatePanel是返回的数据,另一个updatePropress就是等待返回时所出现的内容,拉出来,放上 "等待加载 "的图片,设置好时间.OK...最简单方便的方法
------解决方案--------------------
学习！
------解决方案--------------------
不用什么AJAX
给你一个例子：
首先建一个HTML面，源码为：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml " id= "mainWindow ">
<head>
<title> 无标题页 </title>
<script language= "javascript " type= "text/javascript ">
function SetPorgressBar(pos)
{
//设置进度条居中
var screenHeight = window[ "mainWindow "].offsetHeight;
var screenWidth = window[ "mainWindow "].offsetWidth;
ProgressBarSide.style.width = Math.round(screenWidth / 4);
ProgressBarSide.style.left = Math.round(screenWidth / 3);
ProgressBarSide.style.top = Math.round(screenHeight / 2);
ProgressBarSide.style.height = "21px ";
ProgressBarSide.style.display = " ";
//设置进度条百分比
ProgressBar.style.width = pos + "% ";
ProgressText.innerHTML = "正在加载,请稍后..... " + pos + "% ";
}
//完成后隐藏进度条
function SetCompleted()
{
ProgressBarSide.style.display = "none ";
MyTable.style.display= "none ";
}
</script>
</head>
<body>
<!-- <div id= "mydiv " style= "width: 224px "> 数据处理中.... </div> -->
<div id= "ProgressBarSide " style= "position:absolute;height:21px;width:100px;color:Silver;border-width:1px;border-style:Solid;display:none ">
<div id= "ProgressBar " style= "position:absolute;height:21px;width:0%;background-color:PaleTurquoise "> </div>
<div id= "ProgressText " style= "position:absolute;height:21px;width:100%;text-align:center "> </div>
</div>
</body>
</html>
在你要显示的页面page_load，代码：
if (!Page.IsPostBack)
{
beginProgress();
for (int i = 1; i <= 100; i++)
{
setProgress(i);
//此处用线程休眠代替实际的操作，如加载数据等
苦苦寻找了N天。
碰到了最大的麻烦，
曾经用ajax做过二级联动（纯ajax+js写的）
曾经用ajax做过用户注册，无刷新判断用户名（纯ajax写的）
现在要做一个系统，想通过ajax实现页面正在加载的时候提示“正在加载……”
以前做个类似的，用ajax的xmlhttprequest 对象写的，判断页面是否返回，这样实现“正在加载” 效果
但现在不知道是不是因为自己懒，写不出来
还是对这个不够理解，有些人，有很多人能做出来，每块地方加载的时候都用图片显示出“正在加载”达到很好的用户体验
如果非要我认真写，我可能只能在页面上一个地方用到，但要真正用到真的不会，我还没有入门，学起来真的很困难，在网上碰到会的人又不肯指点，真的很郁闷，内心是急切的想学会的。
还有我在2005里面装了 ajax extensions 这个东西，好像是ajax 1.0
但不会用，网上这个教程也很少。知道这个是ajax封装好的控件。
控件放在里面就能实现无刷新的效果了，但又听说一个页面只能用一个
网上又没教程，真的好困难，网上找了好久，都没找到答案，真的希望哪位能够帮帮我，指点一下也是好的，难道要我出学费到外面请老师，在网上真的学不到吗？
恳请各位，能帮我的帮帮我，很想学。
------解决方案--------------------
AJAX-extensions相关视频教程：
http://www.asp.net/learn/ajax-videos/
------解决方案--------------------
曾经用ajax做过二级联动（纯ajax+js写的）
曾经用ajax做过用户注册，无刷新判断用户名（纯ajax写的）
这种情况都可以用net的ajax来做.除了一个updatePanel是返回的数据,另一个updatePropress就是等待返回时所出现的内容,拉出来,放上 "等待加载 "的图片,设置好时间.OK...最简单方便的方法
------解决方案--------------------
学习！
------解决方案--------------------
不用什么AJAX
给你一个例子：
首先建一个HTML面，源码为：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml " id= "mainWindow ">
<head>
<title> 无标题页 </title>
<script language= "javascript " type= "text/javascript ">
function SetPorgressBar(pos)
{
//设置进度条居中
var screenHeight = window[ "mainWindow "].offsetHeight;
var screenWidth = window[ "mainWindow "].offsetWidth;
ProgressBarSide.style.width = Math.round(screenWidth / 4);
ProgressBarSide.style.left = Math.round(screenWidth / 3);
ProgressBarSide.style.top = Math.round(screenHeight / 2);
ProgressBarSide.style.height = "21px ";
ProgressBarSide.style.display = " ";
//设置进度条百分比
ProgressBar.style.width = pos + "% ";
ProgressText.innerHTML = "正在加载,请稍后..... " + pos + "% ";
}
//完成后隐藏进度条
function SetCompleted()
{
ProgressBarSide.style.display = "none ";
MyTable.style.display= "none ";
}
</script>
</head>
<body>
<!-- <div id= "mydiv " style= "width: 224px "> 数据处理中.... </div> -->
<div id= "ProgressBarSide " style= "position:absolute;height:21px;width:100px;color:Silver;border-width:1px;border-style:Solid;display:none ">
<div id= "ProgressBar " style= "position:absolute;height:21px;width:0%;background-color:PaleTurquoise "> </div>
<div id= "ProgressText " style= "position:absolute;height:21px;width:100%;text-align:center "> </div>
</div>
</body>
</html>
在你要显示的页面page_load，代码：
if (!Page.IsPostBack)
{
beginProgress();
for (int i = 1; i <= 100; i++)
{
setProgress(i);
//此处用线程休眠代替实际的操作，如加载数据等
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
