Ajax编程技术第四章Ajax技术.ppt

《Ajax编程技术第四章Ajax技术.ppt》由会员分享，可在线阅读，更多相关《Ajax编程技术第四章Ajax技术.ppt（42页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、主讲教师：李艺主讲教师：李艺主讲教师：李艺主讲教师：李艺Ajax编程技术第四章Ajax技术中国科大Ajax编程技术4.1 XMLHttpRequest对象本章主要介绍技术是本章主要介绍技术是XMLHttpRequest对象，因为对象，因为Ajax应用程序的中心就是它。同时，对于许多数网页开应用程序的中心就是它。同时，对于许多数网页开发的实际问题中，它也是最广泛适用的解决方案。发的实际问题中，它也是最广泛适用的解决方案。我们还将介绍该对象的我们还将介绍该对象的GET和和POST方法的使用。方法的使用。同时探讨用户使用此对象常见的错误，例如当试图让页同时探讨用户使用此对象常见的错误，例如当试图让页

2、面在所有服务器上都能运行时遇到的一些问题。面在所有服务器上都能运行时遇到的一些问题。最后还介绍一种最后还介绍一种Ajax技术的替代方案及其示例。技术的替代方案及其示例。中国科大Ajax编程技术4.1 XMLHttpRequest对象XMLHttpRequest对象最初是作为对象最初是作为IE5中的一个中的一个ActiveX控件出现的，随后控件出现的，随后Mozilla 1.0、Netscape7、Safari1.2和和Opera7.60都将它纳入自身。都将它纳入自身。XMLHttpRequest对象在对象在IE浏览器和非浏览器和非IE浏览器中浏览器中实现方法不同。实现方法不同。XMLHttpR

3、equest对象的作用在于，对象的作用在于，允许用脚本程允许用脚本程序通过序通过HTTP连接到服务器连接到服务器，而不比通过，而不比通过HTTP请求响应请求响应模型与服务器通信。模型与服务器通信。中国科大Ajax编程技术4.2 创建XMLHttpRequest对象p创建创建XMLHttpRequest对象对象n在在IE7、Firefox、safari和和Opera中创建该对象的中创建该对象的JavaScript代码为：代码为：var xmlRequet=new XMLHttpRequest();n在在IE5/6中代码为：中代码为：var xmlRequest=new ActiveXObject

4、(“Microsoft.XMLHTTP”);注意，注意，JavaScript区分大小写，如果大小写不正确，区分大小写，如果大小写不正确，什么东西都创建不出来。什么东西都创建不出来。使用使用XMLHttpRequest对象的方式有两种，同步和对象的方式有两种，同步和异步。异步。中国科大Ajax编程技术4.2 创建XMLHttpRequest对象p同步使用同步使用XMLHttpRequest对象对象按照下面模式，可以同步地按照下面模式，可以同步地XMLHttpRequest对象：对象：1.创建对象；创建对象；2.创建请求；创建请求；3.发送请求。发送请求。这种模式与传统模式没有区别，用处不大，真正

5、强这种模式与传统模式没有区别，用处不大，真正强大的地方在于异步地使用它。大的地方在于异步地使用它。中国科大Ajax编程技术4.2 创建XMLHttpRequest对象p异步使用异步使用XMLHttpRequest对象对象异步使用异步使用XMLHttpRequest对象时，必须使用对象时，必须使用onreadystatechange事件调用该对象。在触发该事件后，必须在应用程序采取行动之前检查事件调用该对象。在触发该事件后，必须在应用程序采取行动之前检查readyState属性的内容，因此使用模式应该是：属性的内容，因此使用模式应该是：1.创建该对象；创建该对象；2.设置设置readystate

6、change事件触发一个指定的函数；事件触发一个指定的函数；3.检查检查readyState属性，看数据是否准备就绪。属性，看数据是否准备就绪。u如果没有准备好，隔一段时间再次检查。因为数据没有下载完时，如果没有准备好，隔一段时间再次检查。因为数据没有下载完时，我们无法使用它的属性和方法。我们无法使用它的属性和方法。u如果已经准备好，就继续往下执行；如果已经准备好，就继续往下执行；4.打开请求；打开请求；5.发送请求。发送请求。readystatechange事件的整个操作都是在后台执行，这样就能够异事件的整个操作都是在后台执行，这样就能够异步使用步使用XMLHttpRequest对象。对象。

7、中国科大Ajax编程技术4.2 创建XMLHttpRequest对象preadyState属性属性readyState属性指出了属性指出了XMLHttpRequest对象在发送对象在发送/接收数接收数据过程中所处的几个状态。据过程中所处的几个状态。XMLHttpRequest对象会经历对象会经历5种不同种不同的状态。的状态。n0：未初始化。对象已经创建，但还未初始化，即还没调用：未初始化。对象已经创建，但还未初始化，即还没调用open方法；方法；n1：已打开。对象已经创建并初始化，但还未调用：已打开。对象已经创建并初始化，但还未调用send方法；方法；n2：已发送。已经调用：已发送。已经调用s

8、end 方法，但该对象正在等待状态码和方法，但该对象正在等待状态码和头的返回；头的返回；n3：正在接收。已经接收了部分数据，但还不能使用该对象的属：正在接收。已经接收了部分数据，但还不能使用该对象的属性和方法，因为状态和响应头不完整；性和方法，因为状态和响应头不完整；n4：已加载。所有数据接收完毕：已加载。所有数据接收完毕中国科大Ajax编程技术4.2 创建XMLHttpRequest对象pXMLHttpRequest对象的属性和方法对象的属性和方法XMLHttpRequest对象的属性对象的属性属性属性说明说明Onreadystatechange返回或设置异步请求的事件处理程序返回或设置异步

9、请求的事件处理程序readyState返回状态码：返回状态码：0：未初始化；：未初始化；1：打开；：打开；2：发送；发送；3：正在接收；：正在接收；4：已加载：已加载responseBody(仅仅IE7)使用无符号字节数组返回使用无符号字节数组返回HTTP响应响应responseText使用字符串返回使用字符串返回HTTP响应响应responseXML使用使用XML DOM对象返回对象返回HTTP响应响应Status返回返回HTTP状态码状态码statusText返回描述特定返回描述特定HTTP状态码含义的文本状态码含义的文本中国科大Ajax编程技术4.2 创建XMLHttpRequest对象

10、XMLHttpRequest对象的方法对象的方法方法方法说明说明Abort取消请求取消请求getAllResponseHeaders获取获取HTTP响应头的整个列表响应头的整个列表getResponseHeader仅获取指定的仅获取指定的HTTP响应头响应头Open需要使用多个参数，第一个设置方法属性，第二需要使用多个参数，第一个设置方法属性，第二个设置目标个设置目标URL，第三个指定是同步，第三个指定是同步(false)还还是异步是异步(true)发送请求发送请求Send发送请求到服务器发送请求到服务器setRequestHeader添加自定义添加自定义HTTP头到请求头到请求中国科大Aja

11、x编程技术4.2 创建XMLHttpRequest对象p使用使用XMLHttpRequest对象示例对象示例此示例使用此对象网页的实现动态显示。页面上有此示例使用此对象网页的实现动态显示。页面上有几个链接，分别点击，可以显示不同的文字或图片，或几个链接，分别点击，可以显示不同的文字或图片，或者清除显示的文字或图片。下面是程序：者清除显示的文字或图片。下面是程序：中国科大Ajax编程技术4.2 创建XMLHttpRequest对象/index.htm Ajax实例展示实例展示 显示联系我们显示联系我们 显示日历时间显示日历时间 显示广告图片显示广告图片 清除联系我们清除联系我们 清除日历时间清除

12、日历时间 清除广告图片清除广告图片 中国科大Ajax编程技术4.2 创建XMLHttpRequest对象/XHRequest.jsvar xHRObject=false;if(window.XMLHttpRequest)xHRObject=new XMLHttpRequest();else if(window.ActiveXObject)xHRObject=new ActiveXObject(Microsoft.XMLHTTP);function sendRequest(data)if(data=delContacts)box1.innerHTML=;else if(data=delCalen

13、dar)box2.innerHTML=;else if(data=delAdverts)box3.innerHTML=;else var bodyofrequest=getBody(data);xHRObject.open(POST,display.php,true);xHRObject.setRequestHeader(Content-Type,application/x-www-form-urlencoded);xHRObject.onreadystatechange=getData;xHRObject.send(bodyofrequest);function getBody(data)v

14、ar argument=value=;argument+=encodeURIComponent(data)return argument;function getData()if(xHRObject.readyState=4&xHRObject.status=200)var serverText=xHRObject.responseText;if(serverText.indexOf(|!=-1)element=serverText.split(|);document.getElementById(element0).innerHTML=element1;中国科大Ajax编程技术4.2 创建X

15、MLHttpRequest对象?php /display.phpswitch($_REQUESTvalue)case Contacts:echo box1|ContactsAnhui,Hefei,USTC;break;case Calendar:$dt=gmdate(M d Y H:i:s);echo box2|Calendar:$dt;break;case Adverts:$source=logo.gif;echo box3|Advert:;break;case delContacts:echo box1|;break;case delCalendar:echo box2| bre

16、ak;case delAdverts:echo box3| break;?中国科大Ajax编程技术4.2 创建XMLHttpRequest对象p程序运行：运行初始状态入图程序运行：运行初始状态入图1，点击链接后见图，点击链接后见图2：图图1图图2中国科大Ajax编程技术4.3 常见错误p编程常见错误编程常见错误n企图通过双击网页文件运行它；企图通过双击网页文件运行它；nXMLHttpRequest大小写不正确；大小写不正确；n多写了对圆括号：多写了对圆括号：正确：正确：xHRObject.onreadystatechange=getData;错误：错误：xHRObject.onrea

17、dystatechange=getData();必须弄清楚，在必须弄清楚，在JavaScript中：中：n函数名后如果有圆括号，意思就是将函数的返回值赋函数名后如果有圆括号，意思就是将函数的返回值赋给等号左边的变量；给等号左边的变量；n没有圆括号，是将函数本身赋给等号前的变量。没有圆括号，是将函数本身赋给等号前的变量。中国科大Ajax编程技术4.3 常见错误p同源问题同源问题XMLHttpRequest对象有些问题来自于同源问题。在较早版本对象有些问题来自于同源问题。在较早版本的浏览器中，可以运行来自任何源的任何脚本，由此带来很严重的的浏览器中，可以运行来自任何源的任何脚本，由此带来很严重的安

18、全隐患。因此，处于安全的考量，安全隐患。因此，处于安全的考量，“同源策略同源策略”被要求强制执行。被要求强制执行。即即只有来自同一域、同一协议和同一端口的脚本才可以运行只有来自同一域、同一协议和同一端口的脚本才可以运行。IE不检验它从不检验它从XMLHttpRequest对象中取回的字段。其中的一对象中取回的字段。其中的一个字段就是个字段就是HTTPREFERER，它包含用户所浏览页面的，它包含用户所浏览页面的URL/域名域名(注意：该字段的值并不总是一个注意：该字段的值并不总是一个)。这意味着这意味着Referer完全可以在客户端进行伪造。完全可以在客户端进行伪造。IE这个的这个这个的这个安

19、全漏洞安全漏洞Referer值不可信。解决的办法之一是，我们可以在编写值不可信。解决的办法之一是，我们可以在编写Cookie时，将域名时，将域名/服务器添加到服务器添加到cookie中，以便验证发出的和接中，以便验证发出的和接收的同源。收的同源。中国科大Ajax编程技术4.3 常见错误p缓存控制：缓存控制：IE主动缓存主动缓存为了节约带宽资源，浏览器会在本地缓存页面，然为了节约带宽资源，浏览器会在本地缓存页面，然后从缓存中找出该页面而不是从源服务器下载页面。后从缓存中找出该页面而不是从源服务器下载页面。这样一来，当页面更新后，可能页面并没有显示这这样一来，当页面更新后，可能页面并没有显示这种更

20、新。解决的办法是，强制停止缓存。可以在网页中种更新。解决的办法是，强制停止缓存。可以在网页中插入如下代码：插入如下代码：这样足以使浏览器重载该页面。这样足以使浏览器重载该页面。但如果使用但如果使用XMLHttpRequest对象，且请求中包含对象，且请求中包含GET指令，那么指令，那么IE将始终缓存该页面，而决不会重载该页面将始终缓存该页面，而决不会重载该页面。中国科大Ajax编程技术4.3 常见错误p缓存问题的解决方法缓存问题的解决方法我们有三种办法来解决缓存造成的问题。我们有三种办法来解决缓存造成的问题。1.在在GET请求后添加请求后添加querystring，并确保每次运行时，并确保每次

21、运行时，querystring值都不一样。将日期作为值都不一样。将日期作为querystring值是值是一个好主意：一个好主意：1.xHRObject.open(“GET”,”display.php?id=“+Number(new Date)+”&value=“+data,true);2.这种这种“每次输入不同的每次输入不同的querystring值值”的解的解决方法，从原理上将是一种回避策略。决方法，从原理上将是一种回避策略。中国科大Ajax编程技术4.3 常见错误2.设置设置HTTP头部的头部的If-Modified-Since为一个过期的时间：为一个过期的时间：3.xHRObject.o

22、pen=(“GET”,“display.php?value=“+data,true);4.xHRObject.setRequestHeader(“If-Modified-Since”,“Sat,1,Jan 2000 00:00:00 GMT”);5.使用这种方法，可以阻止缓存。使用这种方法，可以阻止缓存。3.使用使用POST 请求。我们将在下一节讨论这种方法。请求。我们将在下一节讨论这种方法。4.一般来说，前两种方法用起来比较顺手，第一般来说，前两种方法用起来比较顺手，第3种方法可以完全避免缓存的困扰。种方法可以完全避免缓存的困扰。中国科大Ajax编程技术4.3 常见错误p跨浏览器兼容跨浏览器

23、兼容在使用在使用Ajax技术时，最困难的问题是让应用程序在不同的浏览技术时，最困难的问题是让应用程序在不同的浏览器中都能够正常运行。实际上，这种想法非常不实际。器中都能够正常运行。实际上，这种想法非常不实际。爱爱XMLHttpRequest应用中，用户使用的是应用中，用户使用的是IE还是还是Mozilla浏浏览器已成为次要问题，主要问题是创建哪个版本浏览器的览器已成为次要问题，主要问题是创建哪个版本浏览器的XMLHttpRequest对象。我们需要注意以下问题：对象。我们需要注意以下问题：nActiveX控件不能使用在控件不能使用在IE之外的浏览器中；之外的浏览器中；n动态动态HTTPjihe

24、 document.all只能在只能在IE上工作；上工作；n在某些版本的在某些版本的Firefox上运行上运行XMLHttpRequest会崩溃；会崩溃；nIE不区别大小写，而不区别大小写，而Mozilla却区别大小写；却区别大小写；n不同的不同的IE版本，必须调用不同版本的版本，必须调用不同版本的MSXML。n中国科大Ajax编程技术4.4 POST方法使用使用POST方法替代方法替代GET方法，是另一种解决方法，是另一种解决IE主主动缓存页面的办法，它使动缓存页面的办法，它使Ajax技术提供一个更加无缝的技术提供一个更加无缝的前端。前端。将将GET方法变成方法变成POST方法，除了需要做：

25、方法，除了需要做：n将将querystring删除；删除；n对发送的数据编码；对发送的数据编码；n将它作为跨服务器参数发送给将它作为跨服务器参数发送给send方法。该参数仍方法。该参数仍然是名然是名/值，与值，与querystring类似，格式为：类似，格式为：value=Contents。但不附加在。但不附加在URL中，而是使用中，而是使用URL编码。编码。中国科大Ajax编程技术4.4 POST方法p如如4.2节的示例中的节的示例中的POST方法：方法：function sendRequest(data)if(data=delContacts)box1.innerHTML=;else if

26、(data=delCalendar)box2.innerHTML=;else if(data=delAdverts)box3.innerHTML=;else var bodyofrequest=getBody(data);xHRObject.open(“POST”,“display.php”,true);/GET变为变为POST，删除，删除querystring参数参数 xHRObject.setRequestHeader(Content-Type,application/x-www-form-urlencoded);xHRObject.onreadystatechange=getData;x

27、HRObject.send(bodyofrequest);function getBody(data)var argument=value=;argument+=encodeURIComponent(data)/上传的数据编码，但变量名不编码上传的数据编码，但变量名不编码 return argument;中国科大Ajax编程技术4.4 POST方法pPOST方法和方法和GET方法的比较方法的比较nPOST方法比方法比GET方法传递的信息量大，最多可达方法传递的信息量大，最多可达2GB，而，而GET方法则大为减小，方法则大为减小，IE限制为限制为2083个字符，个字符，Opera为为4050个个

28、字符，字符，Netscape4为为8192个字符个字符nGET方法只能使用方法只能使用ASCII码传送且有缓存的困扰；而码传送且有缓存的困扰；而POST使用使用编码传送，且没有缓存的困扰。编码传送，且没有缓存的困扰。p如何选则如何选则n当查询的结果不会导致客户端页面变化，或下载量较小，使用当查询的结果不会导致客户端页面变化，或下载量较小，使用GET方法；方法；n当查询的结果会导致客户端页面变化，或下载量很大时，用当查询的结果会导致客户端页面变化，或下载量很大时，用POST方法。方法。中国科大Ajax编程技术4.5 其他Ajax技术I.动态脚本加载动态脚本加载可以用另一种不错的方法来替代可以用另

29、一种不错的方法来替代XMLHttpRequest对象的使用。这就是动态脚本加载技术。对象的使用。这就是动态脚本加载技术。利用此技术，可以使用利用此技术，可以使用DOM动态创建动态创建JavaScript脚脚本，本，SRC属性也可以动态赋值。属性也可以动态赋值。JavaScript源文件只源文件只在将其添加到页面时才下载并执行。在将其添加到页面时才下载并执行。p概念：概念：1.添加脚本到页面；添加脚本到页面；2.该脚本动态添加到另一个脚本到页面，并在后该脚本动态添加到另一个脚本到页面，并在后面附加面附加SRC属性；属性；3.脚本使用服务器启动对话框脚本使用服务器启动对话框中国科大Ajax编程技术

30、4.5 其他Ajax技术p示例示例示例中使用了一个脚本，根据用户选择，动态地创示例中使用了一个脚本，根据用户选择，动态地创建其它建其它3个脚本中的一个。个脚本中的一个。为了简捷，我们不使用服务器启动任何对话框，因为了简捷，我们不使用服务器启动任何对话框，因为后面会介绍这种方法还有一些不足。为后面会介绍这种方法还有一些不足。中国科大Ajax编程技术4.5 其他Ajax技术1.创建一个名为创建一个名为ScriptLoader.htm的的HTML页面：页面：/ScriptLoader.htm 你想加载哪个脚本你想加载哪个脚本?脚本脚本1脚本脚本2脚本脚本3 中国科大Ajax编程技术4.5 其他Aja

31、x技术2.创建名为创建名为ScriptLoader.js的脚本：的脚本：/ScriptLoader.jsfunction retrieveInfo(data)var newScript=document.createElement(script);newScript.src=script+data+.js;document.body.appendChild(newScript);中国科大Ajax编程技术4.5 其他Ajax技术3.分别创建分别创建3个脚本，名为个脚本，名为Script1.js,Script2.js,Script3.js/Script1.jsalert(加载了脚本加载了脚本1);

32、/Script2.jsalert(加载了脚本加载了脚本2);/Script3.jsalert(“这是脚本这是脚本3);中国科大Ajax编程技术4.5 其他Ajax技术4.现在运行现在运行ScriptLoader.htm文件，单击第二个按钮，文件，单击第二个按钮，程序运行结果如下图所示：程序运行结果如下图所示：中国科大Ajax编程技术4.5 其他Ajax技术5.说明说明6.程序关键语句如下：程序关键语句如下：var newScript=document.createElement(“script”);/创建创建Script元素元素newScript.src=“script”+data+“.js”

33、;/设置设置SRC 属性属性document.body.appendChild(newScript);/将新元素附加在将新元素附加在body元素元素上上中国科大Ajax编程技术4.5 其他Ajax技术p评价评价n优点：优点：1.可以使用多个不同的脚本，并按需加载不同的脚可以使用多个不同的脚本，并按需加载不同的脚本；本；2.为我们提供了另一个创建服务器调用的机会。为我们提供了另一个创建服务器调用的机会。n缺点：缺点：1.IE中动态加载脚本会停止其他所有的处理；中动态加载脚本会停止其他所有的处理；2.只能使用只能使用GET方法，不能使用方法，不能使用POST方法；方法；3.往往不知道脚本是否得到真

34、正的加载。往往不知道脚本是否得到真正的加载。中国科大Ajax编程技术4.5 其他Ajax技术II.图象和图象和cookie1.工作方式工作方式2.这种模式的工作方式如下：这种模式的工作方式如下：元素使用元素使用src属性封装请求，传递附加在属性封装请求，传递附加在querystring后的任何其他信息；后的任何其他信息；服务器存储该信息，并编写存储在客户端服务器存储该信息，并编写存储在客户端cookie中的唯一可识别信息。中的唯一可识别信息。3.这种模式与动态脚本加载示例非常相似。但这种模式与动态脚本加载示例非常相似。但是没有动态脚本加载的缺点，它被广泛用于拥有大量是没有动态脚本加载的缺点，它

35、被广泛用于拥有大量电子邮件的用户，或者希望跟踪用户浏览习惯的网站。电子邮件的用户，或者希望跟踪用户浏览习惯的网站。中国科大Ajax编程技术4.5 其他Ajax技术p示例示例网上售书页面。当用户查看该页面时，其正在浏览网上售书页面。当用户查看该页面时，其正在浏览的页面的相关信息会作为图象的一部分发送到服务器，的页面的相关信息会作为图象的一部分发送到服务器，然后服务器会编写唯一的表示符到然后服务器会编写唯一的表示符到cookie，并使用消，并使用消息框向用户显示该息框向用户显示该cookie中包含的信息。中包含的信息。中国科大Ajax编程技术4.5 其他Ajax技术1.创建创建Cataloque.

36、htm Book:作者作者:许富许富ISBN:97-7-123456定价定价:50.20元元 中国科大Ajax编程技术4.5 其他Ajax技术2.创建创建ImageLoader.js脚本：脚本：function createImage()var bookid =document.getElementById(ISBN).innerHTML;var img=document.getElementById(secret);img.src=relayInfo.php?bookid=+bookid;img.width=0;img.height=0;function showCookie()var co

37、okie=getCookieInfo(AnonymousID);alert(cookie);function getCookieInfo(cookie)RegularXp=(?:;)?+cookie+=(;*);?;var RegularXpExtract=new RegExp(RegularXp);if(RegularXpExtract.test(document.cookie)return decodeURIComponent(RegExp$1);else return null;中国科大Ajax编程技术4.5 其他Ajax技术3.创建创建relayInfo.php:中国科大Ajax编程技

38、术4.5 其他Ajax技术4.运行结果运行结果1.打开浏览器，运行首打开浏览器，运行首2.文件文件Cataloque.htm,见见3.右图。右图。4.点击点击“查看查看cookie”，5.屏幕出现对话框，显示屏幕出现对话框，显示6.Cookie信息信息7.关闭浏览器，再次打关闭浏览器，再次打8.开，开，cookie信息被追加。信息被追加。中国科大Ajax编程技术4.5 其他Ajax技术5.示例说明示例说明1.本例展示出，如何通过动态改变图象的本例展示出，如何通过动态改变图象的scr属性来调用服务器。属性来调用服务器。1.在页面的开始部分加载了在页面的开始部分加载了createImage，然后找

39、到包含该图书，然后找到包含该图书ISBN的的元素中的内容（该书内容被存储在元素中的内容（该书内容被存储在cookie中），中），以及以及Ajax.jpg图片图片2.var bookid=document.getElementById(“ISBN”).innerHTML;3.var img=document.getElementById(“secret”);1.接着，使用指向服务器端页面和作为接着，使用指向服务器端页面和作为querystring传递的图书传递的图书ISBN替换掉替换掉src属性。属性。img.src=relayInformation.php?bookid=+bookid;img

40、.width=0;img.height=0;中国科大Ajax编程技术4.5 其他Ajax技术n服务器端代码仅用来检查服务器端代码仅用来检查cookie是否存在。如果不存是否存在。如果不存在在cookie，则添加一个唯一的，则添加一个唯一的ID（本例中是一个随机（本例中是一个随机数）和图书的数）和图书的ISBN号；如果存在号；如果存在cookie，则在，则在cookie尾部添加上述信息。尾部添加上述信息。if($_COOKIEAnonymousID)$tempCookie=$_COOKIEAnonymousID;setcookie(AnonymousID,$tempCookie.|BOOKID:

41、.$_GETbookid,time()+3600);else$random_id=(rand()%9999999);$tempCookie=USERID:.$random_id.|BOOKID:.$_GETbookid;setcookie(AnonymousID,$tempCookie.|BOOKID:.$_GETbookid,time()+3600);中国科大Ajax编程技术4.5 其他Ajax技术n然后使用然后使用showCookie()函数显示内容。在这里，函数显示内容。在这里，Ajax技术快速得到匿名用户的查看模式。所以，利用技术快速得到匿名用户的查看模式。所以，利用该该ID存储数据没

42、有问题，然后就可以慢慢收集用户浏存储数据没有问题，然后就可以慢慢收集用户浏览习惯。览习惯。中国科大Ajax编程技术4.5 其他Ajax技术p评价评价n缺点：缺点：l如果用户选择关闭图片下载，就没法运行；如果用户选择关闭图片下载，就没法运行；lCookie存储信息有限制，大约是存储信息有限制，大约是4KB；l只能使用只能使用GET方法，不能使用方法，不能使用POST方法。方法。中国科大Ajax编程技术4.5 其他Ajax技术III.隐藏框架隐藏框架1.原理：常使用此技术用于返回服务器信息。它采用原理：常使用此技术用于返回服务器信息。它采用带有两个框架的标准框架，打开两个独立的页面，带有两个框架的标准框架，打开两个独立的页面，第一个页面可见，第二个页面宽度和高度设置为第一个页面可见，第二个页面宽度和高度设置为0而变成隐藏不可见。隐藏框架用于发送请求和接收而变成隐藏不可见。隐藏框架用于发送请求和接收来自服务器的响应数据，但只在需要时才将接收的来自服务器的响应数据，但只在需要时才将接收的数据放在可见的框架中显示。数据放在可见的框架中显示。