Web前后端数据交互技术 课件 3.2 AJAX工作原理1

——江西应用技术职业学院web前后端数据交互技术Ajax工作原理3.2Ajax的原理Ajax的技术组成目录CONTENTS1201Ajax的技术组成3.2

Ajax工作原理Ajax的技术组成Ajax的技术组成XMLHttpRequest对象Ajax使用的技术中，最核心的技术就是XMLHttpRequest，它是一个具有应用程序接口的JavaScript对象，能够使用超文本传输协议（HTTP）连接一个服务器，是微软公司为了满足开发者的需要，于1999年在IE5.0浏览器中率先推出的。现在许多浏览器都对其提供了支持，不过实现方式与IE有所不同。xmlHttpRequest，可扩展超文本传输请求，xmlHttpRequest对象可以在不向服务器提交整个页面的情况下，实现局部更新网页，提供了对HTTP协议的完全的访问，包括做出GET、POST和HEAD请求的能力，可以同步或异步返回Web服务器的响应，并能以文本或者一个DOM文档形式返回内容，并不限于和XML文档一起使用，可以接收任何形式的文本文档。Ajax的技术组成XML语言XML文档结构Ajax的技术组成XML语言（1）XML文档必须有一个顶层元素，其他元素必须嵌入在顶层元素中。（2）元素嵌套要正确，不允许元素间相互重叠或跨越。（3）每一个元素必须同时拥有起始标记和结束标记。这点与HTML不同，XML不允许忽略结束标记。（4）起始标记中的元素类型名必须与相应结束标记中的名称完全匹配。（5）XML元素类型名区分大小写，而且开始和结束标记必须准确匹配。例如，分别定义起始标记<Title>、结束标记</title>，由于起始标记的类型名与结束标记的类型名不匹配，说明元素是非法的。（6）元素类型名称中可以包含字母、数字以及其他字母元素类型，也可以使用非英文字符。名称不能以数字或符号"-"开头，名称中不能包含空格符和冒号“：”。（7）元素可以包含属性，但属性值必须用单引号或双引号括起来，但是前后两个引号必须一致，不能一个是单引号，一个是双引号。在一个元素节点中，属性名不能重复。XML语法要求Ajax的技术组成XML语言为XML文档中的元素定义属性<infoid="1">XML的注释注释是为了便于阅读和理解，在XML文档添加的附加信息。<!--开始符号-->结束符号Ajax的技术组成JavaScript脚本语言JavaScript是一种解释型的、基于对象的脚本语言，其核心已经嵌入到目前主流的Web浏览器中。DOM在Ajax应用中，通过JavaScript操作DOM，可以达到在不刷新页面的情况下实时修改用户界面的目的。CSSCSS是CascadingStyleSheet（层叠样式表）的缩写，是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。023.2

Ajax工作原理Ajax的工作原理Ajax工作原理Ajax：Asynchronousjavascriptandxml，实现了客户端与服务器进行数据交流过程。使用技术的好处是：不用页面刷新，并且在等待页面传输数据的同时可以进行其他操作。这就是异步调用的很好体现。首先得了解什么是异步和同步的概念。

举个例子：比如你去图书馆借某种书，可惜图书馆此书被借完。这时可以采用两种做法。第一种做法：在图书馆一直等待，直到有人还书，然后再去吃饭睡觉。第二种做法：直接跟图书馆管理员约定，若是有人还书，直接通知你，可以做自己的事情，到时候会通知你。而第一种做法就是同步的表现，必须等待别人还书（等待服务器返回信息）才进行其他事情。而第二种做法就是异步的表现，不耽误时间，合理利用时间高效率做事。Ajax工作原理通过xmlHttpRequest对象来向服务器发异步请求，相当于在用户和服务器之间加了一个中间层，使用户操作和服务器响应异步化。并不是所有的用户请求都提交给服务器，像—些数据验证和数据处理等都交给Ajax引擎自己来做，只有确定需要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求。使用Ajax可以把以前服务器承担的部分工作转移到客户端，利用客户端限制的处理能力来处理，从而减轻服务器的带宽负担，达到节约ISP空间及带宽租用成本的目的。Ajax工作原理那如何使用Ajax技术？首先，有客户端事件触发Ajax事件。然后，创建xmlHttpReque