资源描述：
《ajax基本原理教程》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。
1、Ajax基本原理教程什么是AjaxAjax的定义Ajax不是一个技术，它实际上是几种技术，每种技术都有其独特这处，合在一起就成了一个功能强大的新技术。Ajax包括：•XHTML和CSS•使用文档对象模型(DocumentObjectModel)作动态显示和交互•使用XML和XSLT做数据交互和操作•使用XMLHttpRequest进行异步数据接收•使用JavaScript将它们绑定在一起传统的web应用模型工作起来就象这样：大部分界面上的用户动作触发一个连接到Web服务器的HTTP请求。服务器完成一些处理---接收数据，处理计算，再访问其它的数据库系统，最
2、后返回一个HTML页面到客户端。这是一个老套的模式，自采用超文本作为web使用以来，一直都这样用,但看过《TheElementsofUserExperience》的读者一定知道，是什么限制了Web界面没有桌面软件那么好用。•图1:传统Web应用模型(左)与Ajax模型的比较(右).这种旧的途径让我们认识到了许多技术，但它不会产生很好的用户体验。当服务器正在处理自己的事情的时候，用户在做什么？没错，等待。每一个动作，用户都要等待。很明显，如果我们按桌面程序的思维设计Web应用，我们不愿意让用户总是等待。当界面加载后，为什么还要让用户每次再花一半的时间从服务取
3、数据？实际上，为什么老是让用户看到程序去服务器取数据呢？Ajax如何不同凡响通过在用户和服务器之间引入一个Ajax引擎，可以消除Web的开始－停止－开始－停止这样的交互过程.它就像增加了一层机制到程序中，使它响应更灵敏，而它的确做到了这一点。不像加载一个页面一样，在会话的开始，浏览器加载了一个Ajax引擎---采用JavaScript编写并且通常在一个隐藏frame中。这个引擎负责绘制用户界面以及与服务器端通讯。Ajax引擎允许用异步的方式实现用户与程序的交互－－不用等待服务器的通讯。所以用户再不不用打开一个空白窗口，看到等待光标不断的转，等待服务器完成后
4、再响应。图2:传统Web应用的同步交互过程(上)和Ajax应用的异步交互过程的比较(下).通常要产生一个HTTP请求的用户动作现在通过JavaScript调用Ajax引擎来代替.任何用户动作的响应不再要求直接传到服务器---例如简单的数据校验，内存中的数据编辑，甚至一些页面导航---引擎自己就可以处理它.如果引擎需要从服务器取数据来响应用户动作---假设它提交需要处理的数据，载入另外的界面代码，或者接收新的数据---引擎让这些工作异步进行，通常使用XML,不用再担误用户界面的交互。AJAX基础教程ajaxajax本文来源于(有能够提供最初翻译者的朋友吗？)
5、：http://developer.mozilla.org/en/docs/AJAX:Getting_Started这篇文章将带您浏览整个AJAX的基本概貌,并展示两个简单的例子让您轻松上路. 什么是AJAX?AJAX(异步JavaScript和XML)是个新产生的术语,专为描述JavaScript的两项强大性能.这两项性能在多年来一直被网络开发者所忽略,直到最近Gmail,Googlesuggest和googleMaps的横空出世才使人们开始意识到其重要性. 这两项被忽视的性能是:无需重新装载整个页面便能向服务器发送请求. 对XML文档的解析和处理
6、．步骤1–"请!"---如何发送一个HTTP请求为了用JavaScript向服务器发送一个HTTP请求,需要一个具备这种功能的类实例.这样的类首先由InternetExplorer以ActiveX对象引入,被称为XMLHTTP.后来Mozilla,Safari和其他浏览器纷纷仿效,提供了XMLHttpRequest类,它支持微软的ActiveX对象所提供的方法和属性.因此,为了创建一个跨浏览器的这样的类实例(对象),可以应用如下代码:if(window.XMLHttpRequest){//Mozilla,Safari,...http_request=new
7、XMLHttpRequest();}elseif(window.ActiveXObject){//IEhttp_request=newActiveXObject("Microsoft.XMLHTTP");}(上例对代码做了一定简化,这是为了解释如何创建XMLHTTP类实例.实际的代码实例可参阅本篇步骤3.)如果服务器的响应没有XMLmime-typeheader,某些Mozilla浏览器可能无法正常工作.为了解决这个问题,如果服务器响应的header不是text/xml,可以调用其它方法修改该header.http_request=newXMLHttpRe
8、quest();http_request.overrideMime
