文档介绍：第12章 AJAX
1
本章要点:
了解AJAX基础知识
理解AJAX工作原理
AJAX技术
AJAX服务器控件的用法
AJAX Control Toolkit的安装和控件功能
2
目录
AJAX基础
AJAX概述
AJAX技术
AJAX服务器控件
ScriptManager控件
UpdatePanel控件
Timer控件
UpdateProgress控件
AJAX Control Toolkit
小结
3
AJAX基础
AJAX是Asynchronous JavaScript and XML的缩写,是一种利用已经成熟的技术构建具有良好交互性的Web应用程序的好方法。通常称AJAX页面为无刷新Web页面。
AJAX是AJAX的Microsoft实现方式,对AJAX的使用以控件形式提供,提高了易用性。
AJAX , 。 Framework , AJAX。
4
AJAX概述
AJAX技术将桌面应用程序具有的交互性应用于Web应用程序
AJAX所用到的技术包括:
XMLHttpRequest对象:
该对象允许浏览器与Web服务器通信,通过MSXML 。
JavaScript代码:
这是运行AJAX Web应用程序的核心代码,帮助改进与服务器应用程序的通信。
DHTML:
通过使用<div>、<span>和其他动态HTML元素来动态更新表单。
文档对象模型DOM:
通过JavaScript代码使用DOM处理HTML结构和服务器返回的 XML。
5
AJAX技术和传统Web应用程序比较
6
AJAX技术
AJAX是AJAX的Microsoft实现方式,开发人员。中的AJAX功能,可以生成丰富的Web应用程序。与传统的Web应用程序相比,
AJAX的Web应用程序具有以下优点:
局部页刷新,即只刷新已发生更改的网页部分。
自动生成的代理类,可简化从客户端脚本调用Web服务方法的过程。
支持大部分流行的浏览器。
因为网页的大部分处理工作是在浏览器中执行的,所以大大提高了效率
7
AJAX技术(续)
AJAX功能框架组成:
包含客户端脚本库和服务器端AJAX Extensions。
两部分组合在一起提供了可靠的开发框架。
客户端脚本库:
包含一系列的JavaScript脚本,简化了开发人员创建AJAX窗体的复杂性。
服务器端AJAX Extensions:
AJAX服务器控件。
8
实例12-1 AJAX
本实例创建了一个AJAX Web窗体,在窗体上既包含传统的控件, AJAX控件。当单击“没有使用AJAX”按钮,则会刷新整个页面,两个标签的内容都会改变。如果单击“使用AJAX”按钮,则只刷新页面的部分区域,只有下面的标签内容会改变。
源程序:
9
程序说明
事件处理程序btnNoAjax_Click和btnUseAjax_Click都回送服务器当前时间。不同的是前者将刷新整个网页,而后者只刷新lblUseAjax所在的UpdatePanel区。其中<ContentTemplate>子元素标识需要刷新的区域。
10