Ajax编程技术讲义.ppt

4-* 4.5 其他Ajax技术 现在运行ScriptLoader.htm文件，单击第二个按钮，程序运行结果如下图所示： 4-* 4.5 其他Ajax技术 说明 程序关键语句如下： var newScript = document.createElement(“script”); // 创建Script元素 newScript.src = “script” + data + “.js”; // 设置SRC 属性 document.body.appendChild(newScript); // 将新元素附加在body元素上 4-* 4.5 其他Ajax技术 评价 优点： 可以使用多个不同的脚本，并按需加载不同的脚本； 为我们提供了另一个创建服务器调用的机会。 缺点： IE中动态加载脚本会停止其他所有的处理； 只能使用GET方法，不能使用POST方法； 往往不知道脚本是否得到真正的加载。 4-* 4.5 其他Ajax技术 图象和cookie 工作方式 这种模式的工作方式如下： img元素使用src属性封装请求，传递附加在querystring后的任何其他信息； 服务器存储该信息，并编写存储在客户端cookie中的唯一可识别信息。 这种模式与动态脚本加载示例非常相似。但是没有动态脚本加载的缺点，它被广泛用于拥有大量电子邮件的用户，或者希望跟踪用户浏览习惯的网站。 4-* 4.5 其他Ajax技术 示例 网上售书页面。当用户查看该页面时，其正在浏览的页面的相关信息会作为图象的一部分发送到服务器，然后服务器会编写唯一的表示符到cookie，并使用消息框向用户显示该cookie中包含的信息。 4-* 4.5 其他Ajax技术 创建Cataloque.htm html xmlns=/1999/xhtml head script type=text/javascript src=ImageLoader.js/script /head body onload=createImage() style=font-size:10pt; bBook:/bbr/ img id=cover src=ajax.jpg / br /br / b作者: /bspan id=authors 许富/span br /bISBN: /bspan id=ISBN97-7-123456/span br /b定价: /bspan id=price50.20元/span img id=secret src=onebyone.gif /br /br / input type=button onclick=showCookie() value=查看cookie / /body /html 4-* 4.5 其他Ajax技术 创建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 cookie = 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; } } 4-* 4.5 其他Ajax技术 创建relayInfo.php: ?php if ($_COOKIE[AnonymousID]) { $tempCookie = $_COOKIE[AnonymousID]; setcookie(AnonymousID, $tempCookie.|BOOKID:.$_GET[bookid], time()+3600); } else { $ra