2014年Ajax简单案例.pptVIP

需要注意的问题 Ajax 框架 Bindows，2003 年发布，网址是：。Bindows 是一个软件开发包，通过强力联合 DHTML、JavaScript、CSS 和 XML 等技术，能生成高度交互的互联网 应用程序，成为桌面应用程序的强有力对手 * JKAHKGJDHKGHAKGHSJKHLJKHGJLSHJKLGHJBJGVBJVJ 需要注意的问题 Ajax 框架 BackBase，2003 年发布，网址是：，是一个全面的浏览器端框架，支持丰富的浏览器功能以及与.NET 和 Java 的集成 * JKAHKGJDHKGHAKGHSJKHLJKHGJLSHJKLGHJBJGVBJVJ 需要注意的问题 Ajax 框架 Flash JavaScript 集成包，网址是：/doku.php?id=flashjs，允许JavaScript 和 Flash 内容的集成 * JKAHKGJDHKGHAKGHSJKHLJKHGJLSHJKLGHJBJGVBJVJ 需要注意的问题 Ajax 框架 Google AjaxSLT，2005 年发布，网址是：/，是一个 Javascript 框架，用来执行 XSLT 转换以及 XPath 查询 * JKAHKGJDHKGHAKGHSJKHLJKHGJLSHJKLGHJBJGVBJVJ 需要注意的问题 Ajax 框架 交互式网站框架，2005 年发布，网址是：/projects/iwf/，目的是从浏览器端对 Ajax 基础结构予以多方面的支持 jQuery：该框架对 DOM 元素的选择进行了大量的简化 * JKAHKGJDHKGHAKGHSJKHLJKHGJLSHJKLGHJBJGVBJVJ 本章结束 本章总结 Ajax 技术的原理 Ajax 技术的基础 API 编程 上机习题 * JKAHKGJDHKGHAKGHSJKHLJKHGJLSHJKLGHJBJGVBJVJ 第9章 Ajax 本课教学内容 Ajax概述 Ajax开发 Ajax简单案例 * JKAHKGJDHKGHAKGHSJKHLJKHGJLSHJKLGHJBJGVBJVJ Ajax 概述 问题 能否在登录提交时，浏览器界面不刷新，提交改为在后台异步进行，当服务器端验证完毕，将结果在界面上原来登录表单所在的位置显示出来？ 答案：使用Ajax * JKAHKGJDHKGHAKGHSJKHLJKHGJLSHJKLGHJBJGVBJVJ Ajax 概述 异步(Asynchronous)的概念和同步(Synchronous)相对。当一个异步过程调用发出后，调用者不需要立刻得到结果，可以继续做自己的事情，等到过程调用完毕，再通过回调函数通知调用方。而同步情况下，调用方必须等待对方得到结果，才能继续运行 * JKAHKGJDHKGHAKGHSJKHLJKHGJLSHJKLGHJBJGVBJVJ Ajax 技术介绍 Ajax 包含以下五个部分 异步数据获取技术，使用 XMLHttpRequest 基于标准的表示技术，使用 XHTML 与 CSS * JKAHKGJDHKGHAKGHSJKHLJKHGJLSHJKLGHJBJGVBJVJ Ajax 技术介绍 Ajax 包含以下五个部分 动态显示和交互技术，使用 Document Object Model(文档对象模型) 数据互换和操作技术，使用 XML 与 XSLT JavaScript，将以上技术融合在一起 * JKAHKGJDHKGHAKGHSJKHLJKHGJLSHJKLGHJBJGVBJVJ 一个简单案例 *具体代码示例详见课本 * JKAHKGJDHKGHAKGHSJKHLJKHGJLSHJKLGHJBJGVBJVJ Ajax 开发 Ajax 核心代码 function showInfo(){ var xmlHttp=new ActiveXObject(Msxml2.XMLHTTP); xmlHttp.open(get, info.jsp, true); xmlHttp.onreadystatechange=function() { if (xmlHttp.readyState==4) { infoDiv.innerHTML = xmlHttp.responseText; } } xmlHttp.send(); } * JKAHKGJDHKGHAKGHSJKHLJKHGJLSHJKLGHJBJGVBJVJ API 解释 步骤 1：在 IE 中实例化 Msxml2.XMLHTTP 对象： var xmlHttp=new ActiveXObject(Msxml2.XMLHTTP); * JKAHKGJ