易截截图软件、单文件、免安装、纯绿色、仅160KB

Ajax控件UpdateProgress的使用心得

             最近做网站用到了UpProgress控件,所以把遇到的问题和自己的看法写下来,供以后参考,也希望给大家代码帮助。
UpProgress是和UpdatePanel一起使用的。实现效果就是在提交到服务器的时候,显示提示,比如:“数据加载中,请稍微..”给用户一个好的用户体验。这个的用法也简单。下面就是具体代码:
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="script" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="update" runat="server">
<ContentTemplate>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
<asp:Button ID="Button1" runat="server" Text="Button1" OnClick="Button1_Click" />
<asp:UpdateProgress ID="progress" runat="server" AssociatedUpdatePanelID="update">
<ProgressTemplate>
<span style="color: Red;" mce_style="color: Red;"><strong>数据加载中....</strong> </span>
</ProgressTemplate>
</asp:UpdateProgress>
</ContentTemplate>
</asp:UpdatePanel>
</div>
<asp:DataList ID="DataList1" runat="server">
</asp:DataList>
</form>
后台代码:
protected void Page_Load(object sender, EventArgs e)
{

}
protected void Button1_Click(object sender, EventArgs e)
{
System.Threading.Thread.Sleep(2000);
Label1.Text = DateTime.Now.ToString();
}
这样的代码相信大家一看就明白,单击Button1按钮的时候,线程休眠2秒,然后执行 Label1.Text = DateTime.Now.ToString();
这样也可以,网上大多数也是这样写的。但是这样就有一个问题。当我在点击这个按钮后需要加载非常多的数据,为了不让用户点击后没有反应,于是给予“数据加载中...”的提示,但是本来加载就耗费时间,在Sleep(2000)不是要更长的时间吗,不但没有


相关文档:

使用 jQuery 简化 Ajax 开发

 
看看 Ajax 和 DOM 脚本编程究竟有多简单
文档选项

将此页作为电子邮件发送
级别: 中级
Jesse Skinner, Web 开发人员, Freelance
2007 年 5 月 16 日
jQuery 是一个JavaScript 库,它有助于简化 JavaScript™ 以及 Asynchronous JavaScript + XML (Ajax) 编程。与类似的 JavaScript 库不同,jQuery ......

MOSS AJAX WebParts开发环境设置

置顶:MOSS SP1开始支持AJAX。首先确认你的MOSS版本号
想必开发过MOSS AJAX控件的都知道,为了实现AJAX,必须对MOSS的环境进行大量的设置。网上有大量此类的文章,其中最流行的做法应该是刊登在moss开发团队blog上的(点击下面的URL进入)。
(http://blogs.msdn.com/sharepoint/archive/2007/03/02/integrating-asp-net- ......

AJAX实时读取输入文本

 客户端String.php,服务器端String_check.php,很简单的实现。
客户端代码:
<!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">
<head>
<meta http-equiv="Conten ......

ajax学习录

有关ajax的其实就是1个类的使用:XMLHttpRequest.
首先要声明这个类的对象,鉴于各个浏览器把这个类嵌入的方式不同,声明的方式也不同:
  var xmlHttpReq = null;
if (window.XMLHttpRequest) //Mozilla 浏览器
{
    xmlHttpReq = new XMLHttpRequest();
  }
  else if (window.ActiveXObject) // ......

AJAX类

 AJAX类
// AJAX类
function AJAXRequest() {
var xmlObj = false;
var CBfunc,ObjSelf;
ObjSelf=this;
try { xmlObj=new XMLHttpRequest; }
catch(e) {
try { xmlObj=new ActiveXObject("MSXML2.XMLHTTP"); }
catch(e2) {
try { xmlObj=new ActiveXObject("Microsoft.XMLHTTP"); }
catch(e ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号