1、单元单元8 8:创建无刷新网页:创建无刷新网页任务1:创建AJAX程序WEB 应应 用 开开 发发主要内容AJAX 介绍1ASP.NET AJAX技术2ASP.NET AJAX架构3ASP.NET AJAX应用程序4学习目标技术应用背景一、任务1:一个ASP.NET AJAX 程序单击更新整个页面单击更新局部区域二、基本知识与技能什么是AJAX 二、基本知识与技能AJAX技术简介 XHTML:基于XHTML1.0规范的XHTML技术。CSS:基于CSS2.0的CSS布局的CSS编程技术。DOM:HTML DOM,XML DOM等DOM技术。JavaScript:JavaScript编程技术。X
2、ML:XML DOM、XSLT、XPath等XML编程技术。二、基本知识与技能AJAX技术简介二、基本知识与技能AJAX技术简介 使用XHTML+CSS进行页面表示。使用DOM进行动态显示和交互。使用XML和XSLT进行数据交换。使用XMLHttpRequest进行异步数据查询、检索 使用JavaScript进行页面绑定。二、基本知识与技能AJAX技术和传统Web程序比较二、基本知识与技能ASP.NET AJAX技术 局部页刷新,即只刷新已发生更改的网页部分。自动生成的代理类,可简化从客户端脚本调用Web服务方法的过程。支持大部分流行的浏览器。因为网页的大部分处理工作是在浏览器中执行的,所以大
3、大提高了效率 二、基本知识与技能ASP.NET AJAX架构二、基本知识与技能AJAX在ASP.NET程序的应用 开发人员无需对ScriptManger控件进行配置,只需保证ScriptManger控件在UpdatePanel控件之前即可。使用了ScriptManger控件之后,可以使用UpdatePanel用来确定需要进行局部更新的控件。三、任务1的实施 全页面的更新时间 局部可更新区域的更新时间 三、任务1的实施public partial class AjaxTest:System.Web.UI.Page protected void Page_Load(object sender,Ev
4、entArgs e)Label1.Text=DateTime.Now.ToString();Label2.Text=DateTime.Now.ToString();protected void Button1_Click(object sender,EventArgs e)Label1.Text=DateTime.Now.ToString();protected void Button2_Click(object sender,EventArgs e)Label2.Text=DateTime.Now.ToString();三、任务1的实施三、任务1的实施四、小结通过学习本单元的内容可以了解AJAX技术在ASP.NET应用程序的作用,并能在ASP.NET应用程序中使用AJAX技术实现局部刷新的功能。五、作业Thank You!