第十Ajax技术简介.pptVIP

应用系统开发导论 Ajax技术简介 内容 Ajax简介 XMLHttpRequest的用法 实现与服务器的通讯 小结 Ajax简介 Ajax的定义 Ajax的应用模型 Ajax应用实例 Ajax的定义 Ajax是Asynchronous JavaScript and XML（以及DHTML等）的缩写 准确的说，Ajax并非什么最新的技术，它可以说是多种技术的综合，是一种“旧瓶装新酒”的客户端开发方法。 下面是基于Ajax的应用程序所用到的基本技术： HTML/XHTML和CSS：用于建立Web表单并标准化呈现Web页面。 DOM（Document Object Model）：用于（通过JavaScript代码）实现动态内容显示和（在某些情况下）解析服务器返回的XML。 XML和XSLT：作为标准的结构化数据存储格式，用于进行数据交换和处理 JavaScript：运行Ajax应用程序的核心代码，特别是通过重要的XMLHttpRequest对象进行异步数据的读取，从而实现与服务器应用程序的通信。此外，JavaScript还被用于绑定和处理所有浏览器端数据。 传统的Web应用模型 Ajax的应用模型 Ajax技术的优势 即时响应和无缝页面刷新带来了更好的用户体验 由JavaScript实现的中间层很大程度上扩展了客户端的可操作性。 构成Ajax技术的基本组件（JavaScript, DHTML, DOM等）都基于标准化的并被广泛支持的技术，因为在开发和应用的过程中都不需要额外下载插件。 进一步促进了“模型—控制器—视图”的设计模式应用。 减轻了服务器的负载。由于Ajax的原则是“按需所取”，这使得Ajax应用可以像桌面应用程序一样只同服务器进行数据层面的交换，而不用将数据处理的工作都交给服务器来做，这样最大程度上减少了冗余的数据请求和响应对服务器造成的负担。 Ajax应用实例 Google Microsoft Digg Netfix Protopage XMLHttpRequest XMLHttpRequest实例的创建 XMLHttpRequest对象的方法 建立一个简单的Ajax框架 XMLHttpRequest XMLHttpRequest早在IE5（Internet Explorer 5）中就已经以ActiveX组件的形式出现。但由于只在IE中得到支持，这很大程度上限制了它的使用，但从Mozilla 1.0和Safari 1.2开始，各类浏览器对XMLHttpRequest对象的支持开始普及。如今，这个曾经很少使用的对象和相关的基本概念已经涵盖在W3C标准中：DOM Level 3加载和保存规约（DOM Level 3 Load and Save Specification）。虽然并非所有浏览器都实现了这个规约，但是XMLHttpRequest对象的大多数方法和属性都得到了广泛的支持。 在微软IE浏览器上创建XMLHttpRequest对象 var xmlHttp = false; try { xmlHttp = new ActiveXObject(Msxml2.XMLHTTP); } catch (e) {try { xmlHttp = new ActiveXObject(Microsoft.XMLHTTP); } catch (e2) { xmlHttp = false; }} XMLHttpRequest对象的方法和属性 XMLHttpRequest对象的方法和属性 续 void open (string method, string url, boolean async = true, string username = null, string password = null )： 这个方法会初始化对服务器的调用，但并不是如它的名字那样打开一个请求，也就是说，调用这个方法的时候，并不存在与服务器的网络和数据传输。这个方法有两个必要参数，用来确定所需访问资源的URL和HTTP调用方法。第一个可选参数指示这个请求是同步的还是异步的，默认为true，表示执行异步操作；若强置设为false，则请求会以同步的方式执行，虽然这和Ajax的初衷有所违背。另外两个可选参数，则是用来在需要进行服务器端身份验证的时候，传递用户名和密码，它们没有特定默认值。 XMLHttpRequest对象的方法和属性 续 void send ( content )：一旦open()方法进行完初始化，就可以通过该方法向服务器发送具体的请求。该方法只有一个参数，就是要发送的内容。如果请求被初始化为异步的，那么这个方法就会立即返回，否则它会等待直到接收响应为止。