Ajax技术幻灯片.ppt

第10章 Ajax技术 本章目录 10.1 Ajax介绍 10.1 Ajax介绍 10.2 Ajax技术的组成 JavaScript XMLHttpRequest XMLHttpRequest XMLHttpRequest XMLHttpRequest XMLHttpRequest CSS DOM XML 10.3 实现Ajax的基本步骤 创建XMLHttpRequest对象 创建XMLHttpRequest对象 创建HTTP请求 设置响应HTTP请求状态变化的函数 设置响应HTTP请求状态变化的函数 设置获取服务器返回数据的语句 设置获取服务器返回数据的语句 发送HTTP请求 局部更新 局部更新 局部更新 10.4 用Ajax实现无刷新广告轮显 10.4 用Ajax实现无刷新广告轮显 10.4 用Ajax实现无刷新广告轮显 10.4 用Ajax实现无刷新广告轮显 10.4 用Ajax实现无刷新广告轮显 习题 在adrot.asp页面中，编写一个XML格式的文档，并通过定义显示轮换显示的广告内容。程序代码如下。 % Response.ContentType=text/xml 定义服务器响应的HTTP内容类型 Response.Charset=UTF-8 定义页面采用的字符集 Response.Write ?xml version=1.0 encoding=GB2312 url=adrot.asp? 声明XML Response.Write Msg 定义XML标记 if request.querystring(t1)=1 then dim ad 声明一个广告轮显组件的实例变量 set ad=server.createobject(MSWC.AdRotator) 创建AdRotator对象实例 ad.border=0 定义图片边框为0像素 ad.Clickable=True 定义提供链接功能 ad.TargetFrame=_blank 设置超链接的目标窗口 response.write Ad.GetAdvertisement(adrot.txt)读取adrot.txt指定的广告图片 else response.write(ERROR/) 如果接收的参数值不正确，则定义另一标记 end if Response.Write /Msg 定义结束标记 % adrot.txt中的代码如下。 Redirect redirect.asp 指定重定向的文件 width 541 广告图片的宽度 height 190 广告图片的高度 border 0 设定广告图片的边框大小 * 以*符号作为文件两部分的分隔点 image/index_03.gif pic1 3 image/002.jpg pic2 2 image/003.jpg pic3 3 redirect.asp中的代码如下。 % response.Redirect(request.QueryString(url)) QueryString数据集合 % 1．Ajax技术可以实现客户端的（ ）请求操作。 A．同步 B．异步 2．Ajax的优点具体表现在（ ）。 A．减轻服务器的负担 B. 无刷新更新页面 C. 调用XML等外部数据，进一步促进Web页面显示和数据的分离 D. 以上都正确 3．Ajax技术之中，最核心的技术就是（ ）。 A．XMLHttpRequest B．XML C．JavaScript D．DOM * 【学习目标】 Ajax是JavaScript、XML、CSS、DOM等多种已有技术的组合，它可以实现客户端的异步请求操作，实现在不需要刷新页面的情况下与服务器进行通信，从而减少了用户的等待时间。通过本章的学习，读者可以达到以下学习目的： ●　了解什么Ajax ●　Ajax技术的组成 ●　实现Ajax的基本步骤 ●　用Ajax实现无刷新广告轮显 【学习导航】 本章首先介绍什么是Ajax，然后介绍Ajax技术的组成，实现Ajax的基本步骤，最后通过一个完整的实例介绍Ajax在实际编程中的应用。本章在书中的学习位置如图10.1所示。 【知识框架】 本章学习内容知识框架如图10.2所示。 √ 10.1 Ajax介绍 10.2 Ajax技术的组成 10.3 实现Ajax的基本步骤 10.4 用Ajax实现无刷新广告轮显 √ √ √ Ajax是由Jesse James Garrett创造的，是Asynchronous JavaScript And