博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
巧用AJAX技术,通过updatePanel控件实现局部刷新
阅读量:6327 次
发布时间:2019-06-22

本文共 708 字,大约阅读时间需要 2 分钟。

hot3.png

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

131535_hH4B_1997634.png

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

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

132932_uBYu_1997634.jpg

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

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

最后单击主界面进入Page_Load()事件中,在该事件中添加如下代码:

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

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

133616_LPzb_1997634.png

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

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

你可能感兴趣的文章
CentOS 6.5安全加固及性能优化_操作系统
查看>>
每天laravel-20160709|CallEvent
查看>>
我的友情链接
查看>>
【三石jQuery视频教程】02.创建 FontAwesome 复选框和单选框
查看>>
Cisco 配置DHCP中继 代理工程 实例
查看>>
Centos7.3部署KVM虚拟化环境
查看>>
configure: error: Cannot find ldap.h
查看>>
Linux启动分析(2)— bootsect.S、setup.S、head.S分析
查看>>
自学java时的笔记(一)
查看>>
Qt之文本编辑器(二)
查看>>
python编译时检查语法错误
查看>>
考题纠错2
查看>>
SQL——索引
查看>>
Python新手快速入门教程-基础语法
查看>>
JVM性能调优入门
查看>>
关于raid的基本原理、软raid的实现演示
查看>>
科技企业的幕后推手,人工智能究竟有何魔力
查看>>
详解Oracle临时表的几种用法及意义
查看>>
HTML(七)------ 表格
查看>>
如何成为一个设计师和程序员混合型人才
查看>>