小乐Ajax技术经验总结.docxVIP

小乐Ajax开发技术经验交流通过本章的学习可以达到以下的目标：掌握Ajax技术的主要作用。掌握XMLHttpRequest对象的作用，并可以使用XMLHttpRequest对象进行操作。可以使用XML+Ajax实现页面的局部刷新功能。Ajax技术主要完成页面的局部刷新，通过Ajax技术可以使之前的应用程序在每次提交时不用进行页面的整体刷新，从而提升操作的性能，在Ajax中主要是依靠XMLHttpRequest对象完成操作，下面小乐将对Ajax技术的特点及使用进行讲解。提示Ajax技术的最早使用者。Ajax技术的最早使用者是Google，例如，Google Maps就大量地应用了Ajax技术。随后的Yahoo、Amazon（亚马逊）也陆续开始应用此技术。Ajax技术简介Ajax（Asynchronous JavaScript and XML，异步JavaScript和XML）并不是一项新的技术，它产生的主要目的是用于页面的局部刷新。从之前的代码开发中可以发现，每当用户向服务器端发出请求时，哪怕需要的只是简单地更新一点点的局部内容，服务器端都会将一个整体的页面进行刷新，并重新生成代码，这样一来程序的性能肯定会有所降低的。而如果采用Ajax技术，就可以实现局部的内容变更，从而使处理的性能要比前者高很多。因为采用的是局部刷新技术，所以整个页面并不会随着用户的每次请求而整体变化，只会在局部的位置上有所改变，这样的实现方式会使程序的性能更高。提示：关于Ajax技术作用的解释。小乐我举一个简单的例子分析一下什么是Ajax。你在宴请朋友的时往往会选择去饭店聚餐，大家一起点菜吃饭，，等所有的菜都已经上桌时发现有一盘菜出现了问题（可能出现了某些类似小强的物种在菜中），那么现在宾客们有两种选择了：第一种全桌的菜换掉，第二种只换掉有问题的菜。很明显，大部分人都会采用只换一盘菜的做法，因为如果要全桌的菜都换掉，则肯定需要重新进入漫长的等待，而如果只换掉一盘菜，那么等待的时间就相对较少，而且在等待时可以先吃其他的菜。这实际上就是局部刷新的操作原理，Ajax完成的就是这种局部的刷新功能。Ajax本身是一门综合性的技术，其主要应用包含了HTML、JavaScript、XML、DOM、XMLHttpRequest等页面技术，但是在这之中最重要的就是XMLHttpRequest对象。提示：Ajax技术并不只依赖于Java。Ajax技术并不是只能在Java中使用，现在动态Web实现技术，如PHP、ASP.NET都已经很好地支持了Ajax技术。XMLHttpRequest对象在Ajax中主要是通过XMLHttpRequest对象处理发送异步请求和回应的，此对象最早是在IE5中以ActiveX组件的形式出现的，一直到2005年之后才被广泛地使用。而如果要创建一个XMLHttpRequest对象则必须使用JavaScript，创建的语句如下：例小乐.1 创建XMLHttpRequest对象---------create_ajax.htmhtmlheadtitle小乐在学Ajax..../titlescriptlanguage=javaScriptvarxmlHttp; //Ajax核心对象名称functioncreateXMLHttp(){ //创建XMLHttpRequest核心对象if(window.XMLHttpRequest){ //判断当前使用的浏览器类型xmlHttp = newXMLHttpRequest(); //表示使用的是FireFox内核的浏览器 }else{ //表示使用的是IE内核的浏览器xmlHttp = newActiveXObject(Microsoft.XMLHttp); } }/script/headbody/body/html本程序创建了一个XMLHttpRequest的对象，但是在创建之前必须首先确定出用户当前被使用的浏览器类型，之后根据浏览器类型创建合适的XMLHttpRequest对象，如果为普通的FireFox（火狐浏览器），则直接使用new XMLHttpRequest()的方式创建；而如果为IE浏览器，则通过new ActiveXObject()的方式进行创建。在XMLHttpRequest对象中定义了许多属性，要想使用此对象就需要首先了解这些属性的作用。NO.属性描述1onreadystatechange指定当readState状态改变时使用的操作，一般用于指定具体的回调函数2readyState返回当前请求的状态，只读3responseBody将回应信息正文以unsigned byte 数组形式返回，只读4resp