ASP.NET AJAX应用示例

在这篇文章中，我们使用ASP.NET AJAX创建了一个基本的示例程序。你可以在接下来的章节中，读到更多关于他的信息。
我们将创建一个显示Server时间信息的程序。他从后台读取时间数据，显示在前台的label中。在程序中，我们将使用UpdatePanel控件来只刷新页面中修改的部分，避免整体页面PostBack。同时在部分页面刷新时，还使用UpdateProcess控件来显示状态信息。

1. 启动Visual Studio。
   
   在File菜单中，点击New Web Site。
2. 在Visual Studio installed templates中, 选择 ASP.NET AJAX-Enabled Web Site。
3. 输入一个location 和 language, 接着点击OK。
4. 在页面中添加一个UpdatePanel控件。在此之前，你必须确保页面中包含一个ScriptManager控件。UpdatePanel依赖于ScriptManager来刷新界面。
5. 拖拽一个label和button放入UpdatePanel控件中，label用来显示时间信息，button用来导致回调的事件的触发。
   在后台Page_Load事件中添加如下代码。
   m_label.Text = DateTime.UtcNow.ToLongTimeString();
   System.Threading.Thread.Sleep(3000);
6. 再拖拽一个UpdateProgress 放入UpdatePanel控件中，设置其AssociatedUpdatePanelID属性为UpdatePanel的ID。
7. 在UpdateProgress可编辑的区域添加如下信息，Getting time......。
8. 点击button，效果如下图：

之所以让后台线程暂停3秒钟是因为如果你更新的太快，就看不到UpdateProgress中的内容了。他有一个displayAfter属性，你可以在那里设置等待多长时间后才显示UpdateProgress中的内容，默认是500毫秒。