JavaScript程序设计基础教程 作者 曾海 第10章 Ajax技术.pptVIP

第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实现无刷新广告轮显 习题 例10.9 在index.asp页面中自定义一个用于获取广告内容的getData()函数，并使用setInterval函数实现每隔2秒钟获取一次数据。程序代码如下。 script setInterval(getData(),2000); //每隔2秒钟调用一次getData()函数 function getData(){ //定义获取数据的函数 var oSend=new ActiveXObject(Microsoft.XMLHTTP); //创建XmlHttpRequest对象 oSend.open(POST,adrot.asp?t1=1,false); //创建一个HTTP请求 //添加指定的HTTP头信息 oSend.setRequestHeader(CONTENT-TYPE,application/x-www-form-urlencoded); oSend.send(null); //发送HTTP请求 var oDom=new ActiveXObject(Microsoft.XMLDOM); //创建XMLDOM对象 oDom.async=false; //异步方式处理数据 body=bytes2BSTR(oSend.responseBody); //将获取到的数据转换为字符串 oDom.loadXML(body); //加载指定内容 msg.innerHTML=body; //将指定内容赋予标记msg } /script script language=vbscript Function bytes2BSTR(vIn) //定义将二进制数据转换为字符串的函数 strReturn = //给strReturn赋空值 For i = 1 To LenB(vIn) //使用for…next语句遍历二进制字节 ThisCharCode = AscB(MidB(vIn,i,1)) //将字节转换为字符 If ThisCharCode H80 Then //如果不为汉字，则直接拼接strReturn strReturn = strReturn Chr(ThisCharCode) Else //如果为汉字，则执行以下操作 NextCharCode = AscB(MidB(vIn,i+1,1)) //将当前字符的后一字节转换为字符 //将两个字符互换位置后，拼接strReturn strR eturn = strReturn Chr(CLng(ThisCharCode) * H100 + CInt(NextCharCode)) i = i + 1 //累加变量i End If Next bytes2BSTR = strReturn //将转换后的字符串赋予bytes2BSTR End Function /scripta 在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