易截截图软件、单文件、免安装、纯绿色、仅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)不是要更长的时间吗,不但没有


相关文档:

Flex与Ajax交互

Flex与Ajax交互
三峡大学土木水电学院肖泽云
Flex与Ajax都是开发AIR非常好的技术,它们各有优缺点。Flex更简单,效果更加酷!但是在功能开发等方面不及Ajax成熟。最理想的就是全部用Flex来开发实现,但这只是一种理想状态,很多时候我们还是要用到Ajax。我们经常需要将嵌入到 Ajax 应用程序中的基于 Flash 的资源集成在一 ......

XMLHttpRequest进行ajax通讯时中文乱码问题解决

 使用js调用XMLHttpRequest进行ajax通讯时,如果服务器端要传递的数据中有中文时,我们的解决办法。
1、页面:
     一般在页面我们为了方便,最好使用UTF-8编码。
2、服务器端:
     我们在服务器端的代码里面对response对象的设置如下:
//设置response的编码
......

Ajax的核心对象XMLHttpRequest

   XMLHttpRequest是XMLHTTP组件的对象,通过这个对象,Ajax可以像桌面应用程序一样只同服务器进行数据层的信息交换,而不用每次都刷新页面,也不用每次将数据处理的工作都交给服务器来做;这样即减轻了服务器的负担又加快了响应速度、缩短了用户等待的时间。
    XMLHttpRequest是Ajax技术中最 ......

使用 jQuery 简化 Ajax 开发

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

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

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 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号