加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-16 00:18:10 所属栏目:百科 来源:网络整理
导读:首先确认一下我的开发环境是VS2010,在这里我们新建一个网站,建好后界面如下所示: 下面我们需要把这个界面进行修改,改成我们需要的效果(简洁一些, 上面很多东西都可以去掉的!) 我们在主界面中去掉多余的文字说明,然后在工具箱中找到AJAX Extensions

首先确认一下我的开发环境是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()事件中,在该事件中添加如下代码:

protectedvoidPage_Load(objectsender,EventArgse)
{
Label_time.Text=DateTime.Now.ToString();
}

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

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读