扫一扫
分享文章到微信
扫一扫
关注官方公众号
至顶头条
MrXie 之Asp.net Ajax 系列(一) ----------用了再说
确认安装vs2005 。下载 Asp.net Ajax 的相关组件(http://ajax.asp.net) Asp.Net Ajax 1.0 beta2 ,进行默认安装。 然后我们就开始动工
Step 1 打开vs2005 –〉新建—〉网站,选择“ASP.NET AJAX-Enabled Web Site”(下载组件会安装该模版),并起名AjaxTest.
Step2 :你会发现default.aspx页面上有个叫做“ScriptManager1”的组件,暂时不要理它。分别拖拽三个控件Label1, Button1,TextBox1.
Step3 : 然后我做一个简单的Button1的click事件响应。当点击Button1的时候,Label1将显示TextBox1当中的值。
Step 4: Ctrl+F5 运行, 在TextBox1中输入字符串以后,点击Button1,你会发现页面刷新后,Label1上会有TextBox1的值。
Step 5: 下面将是令人激动的Ajax时间。 停止程序运行,回到default.aspx的设计视图,将工具箱中Ajax Extensions栏中的UpdatePanel拖拽到页面上。
Step6 :将Label1和Button1都拖拽到UpdatePanel1控件中
再次Ctrl+F5运行, 还是执行刚才的操作,这次,你将发现 当点击Button1,将不会刷新整个页面,而结果是一样,只是进行了局部刷新。
到了这个地方,你将知道Ajax是一种使得局部页面刷新的技术,它将大大优于整个页面重新加载的效果。而其原理正如其英文名称Asynchronous JavaScript + XML, 这是一种利用javascript +xml利用 xmlhttp组件技术 进行异步调用的技术。
查看本文来源
如果您非常迫切的想了解IT领域最新产品与技术信息,那么订阅至顶网技术邮件将是您的最佳途径之一。
现场直击|2021世界人工智能大会
直击5G创新地带,就在2021MWC上海
5G已至 转型当时——服务提供商如何把握转型的绝佳时机
寻找自己的Flag
华为开发者大会2020(Cloud)- 科技行者