巧用AJAX技术，通过updatePanel控件实现局部刷新

2019独角兽企业重金招聘Python工程师标准>>>

首先确认一下我的开发环境是VS2010，在这里我们新建一个网站，建好后界面如下所示：

下面我们需要把这个界面进行修改，改成我们需要的效果（简洁一些， 上面很多东西都可以去掉的！）

我们在主界面中去掉多余的文字说明，然后在工具箱中找到AJAX Extensions选项卡，在里面分别添加一个ScriptManage控件r、Timer控件和UpdatePanel控件，将UpdatePanel控件中的UpdateMode属性改为Conditional选项，将Triggers属性中添加触发器，选择添加AsyncPostBack选项，这时右侧会有对应属性，ControlID选择Timer控件的iD，EventName选择Tick选项；点击确定后进行保存。修改后结果如下图所示：

然后将Timer控件的Interval属性改为1000；

接着在updatePanel区域中添加一个label控件，将其ID改为Label_time；

最后单击主界面进入Page_Load（）事件中，在该事件中添加如下代码：

  protected void Page_Load(object sender, EventArgs e)
    {
        Label_time.Text = DateTime.Now.ToString();
    }

       如果以上各个步骤你都成功完成了，那么你就可以运行你的程序了，可以看一些运行效果，是不是实现了时间的动态显示呀！我的效果图如下所示：

关于AJAX的更多使用方法笔者也在摸索中，期待一起探讨！

转载于:https://my.oschina.net/hippiedom/blog/338466