基于Web使用Ajax的新技术应用摘要:Ajax兼容多项技术是真的，各种技术的发展中自身的优势，强大的新方式，其中包含的技术有HTML，JavaScript。

DHTML和DOM的，是一位杰出的方法可以帮助转变为交互式的Ajax笨拙的Web界面申请。

对Ajax后，定义如何使使用JavaScript和Ajax是异步请求引进。

最后，在先进的请求和响应阿贾克斯提出了建议。

关键词分量;AJAX，JavaScript的;XMLHttpRequest的; Web应用程序一.引言Ajax是异步JavaScript和速记XML（DHTML等）。

AJAX即“Asynchronous JavaScript and XML”（异步JavaScript和XML)，AJAX并非缩写词，而是由Jesse James Gaiiett创造的名词，是指一种创建交互式网页应用的网页开发技术。

但是，Ajax是远不仅仅是一种时尚，它是一个强有力的方式建立网站和它的几乎没有一样努力学习作为整个新的语言。

图1. 对于Web应用程序（左）相比传统模式 Ajax模型（右）Ajax不是一种单独的技术。

是多种技术的结合，在各自的优劣中，前景不容小觑。

Ajax的集成：基于标准的XHTML和演示使用CSS的;动态显示和交互使用文档对象模型;数据交换和处理，并使用XML和XSLT;使用异步数据检索XMLHttpRequest的;JavaScript的绑定。

经典的网络应用模式是这样的：在界面的大多数用户操作触发一个HTTP请求到Web服务器。

该服务器完成一些处理 - 检索数据，计数，各种谈话遗留系统 - 然后返回一个HTML页面到客户端。

这是从网站的原用途为适应模式一个超媒体，但从用户体验来讲，是什么让网络的超好并不一定就是很好的应用软件。

这种方法使很多的技术意义，但它不作为一个伟大的用户体验。

虽然服务器在做它的东西，有什么用户在做什么？这是正确的。

等待，并在每一项任务的步骤，用户等待一些更多。

显然，我们不会让用户等待周围从申请从头开始设计的网站。

一旦接口加载，为什么要用户交互来停下每次从应用需求的东西服务器？其实，为何要申请的用户看到服务器呢？二.同异步请求JavaScript和AJAX大多数Web应用程序使用一个请求/响应模型是从服务器获得一个完整的HTML页面。

结果是一回的往复，通常涉及点击一个按钮，等待服务器，点击另一个按钮，然后等待一些。

用Ajax和XMLHttpRequest对象，我们可以使用一个请求/响应模型，从未使用户的等待服务器响应。

答：引进的XMLHttpRequest周围的XMLHttpRequest实际上已在几个浏览器有一段时间了，这是对Web 2.0的关键，Ajax和几乎一切。

为了让一个真正的快概述，这些只是其中的方法和一些属性将被用于该对象：.open()：设置了一个新的请求到服务器。

.send()：发送请求到服务器。

.sbort()：捞出当前请求。

.readyState：提供当前HTML就绪状态。

.responseText：文本，服务器发送回回应请求。

这些方法和属性各有关发送-----请求，并响应处理。

事实上，如果我们看到每个方法和XMLHttpRequest的，他们的财产将所有涉及到非常简单的请求/响应模型。

所以很明显，我们不会了解一个了不起的新的GUI对象或一个超级机密的方法来创建排序用户交互;程序员将与简单简单的请求和响应。

它可能不太令人振奋，但小心使用这个对象可以彻底改变我们申请。

首先，我们需要创建一个新的变量并将其分配给XMLHttpRequest对象的一个实例。

这很JavaScript 中的简单，只需使用与新的关键字对象的名称，如图2。

图2.创建一个新的XMLHttpRequest对象在现实生活中，事情可能出错，这代码不提供任何错误处理。

稍微更好的方法是创建这个对象，如果有什么出错。

例如，许多老的浏览器（相信与否，人们仍在使用旧版本的Netscape导航器）不支持XMLHttpRequest和Web应用程序需要让这些用户知道的东西出了错。

图3显示了如何创建此对象，因此，如果事情失败，它抛出一个JavaScript警告。

图3.创建XMLHttpRequest的一些错误处理能力事实证明，微软的Ajax支持，但要求其XMLHttpRequest的版本不同的东西。

事实上，它称之为几个不同的事情。

当使用一个较新的Internet Explorer的版本，程序员需要使用一所谓Msxml2.XMLHTTP对象。

一些旧版本的微软IE浏览器使用。

XMLHTTP的支持这两种对象类型（不失去已有的支持对于非微软的浏览器有）。

看看图4的增加了微软的支持，我们已经看到代码。

事实上，微软最新版本的Internet Explorer-版本7.0，设置为在2006年下半年出来 - 是应该移动支持XMLHttpRequest的直接，让程序员使用新的关键字，而不是所有Msxml2.XMLHTTP创建代码。

图4.微软浏览器支持添加乙使用XMLHttpRequest发送请求XMLHttpRequest的唯一目的是让开发发出请求和接收响应。

一切是更改用户界面，换出的图像，即使解释数据，服务器发送回 - 是工作对JavaScript，CSS或网页中的其他代码。

同使用XMLHttpRequest 的准备，一到服务器的请求可以作。

图5.建立一个请求URL服务器的URL连接的是首先需要确定。

这是不特定于AJAX - 显然开发人员应该知道如何构造一个现在的网址 - 但仍然是一个至关重要的决策连接。

在大多数应用中，开发商将兴建这从一些与数据相结合的静态数据集的URL从形式与用户的工作。

例如，图5显示了一些JavaScript的抓起了电话号码的价值字段，然后构造一个网址使用该数据。

首先，代码创建一个新的变量命名的手机和分配值与一个“电话的ID.领域的形式”三.先进的AJAX请求和响应随着Ajax应用程序的核心，XMLHttpRequest对象处理请求到服务器端返回的数据与应用程序或脚本，也涉及该服务器端组件。

每一个Ajax应用程序使用XMLHttpRequest对象，因此开发人员将想要密切与熟悉，使他们的Ajax应用程序表演，表现良好。

这有三个关键部件请求对象：在HTTP就绪状态，HTTP状态码，可以提出请求的类型。

应答的HTTP就绪状态XMLHttpRequest对象有一个属性叫做readyState的。

这个属性确保服务器有完成了要求，通常情况下，回调函数使用从服务器来更新Web表单或页面中的数据。

图。

6显示了这个简单的例子。

图6.处理服务器的响应的回调函数这肯定是最常见（也是最简单）用法就绪状态。

正如你可能猜到的数字“4，”不过，还有其他几个就绪状态。

. 0：请求未初始化（open ()调用前）。

. 1：请求成立，但不发送（send()调用前）。

. 2：请求被发送和过程（内容标题通常可以从响应得到在这一点）。

图7.回调函数忽略的状态代码. 3：要求是，在过程中常常有些偏数据可从响应，但服务器还没有完成其反应。

. 4：响应已完成，服务器的响应可以得到和可以使用它。

二，HTTP状态代码通过Web浏览器，我们可能已经看到这几个：401：未经授权;403：故宫;404：未找到。

在许多Ajax应用程序中，我们将看到一个回调功能，对于一个就绪状态检查，然后接着来自服务器的响应的数据的工作，如图。

7。

这证明是短视的，而且容易出错Ajax编程的方法。

如果脚本需要认证和我们的要求没有提供有效的凭据，服务器将返回一个错误代码或类似403,401。

然而，就绪状态将被设置为4，因为服务器回答的请求（即使答案是不开发商想什么要求或预期的）。

因此，用户不会得到有效的数据，并可能即使得到一个讨厌的错误，当开发商的JavaScript尝试使用不存在的服务器数据。

这需要最小的努力，以确保该服务器不只有完成了请求，但返回了“一切都行“的状态代码。

该代码是”200“报通过XMLHttpRequest对象的状态属性。

为了确保不仅完成了与服务器请求，但它也报告了一个OK状态，添加一其他检查在回调函数在图8所示。

图8.检查一个有效的状态代码随着代码，开发人员除了几行可以肯定，如果有任何差错，用户将获得（商榷）有用的错误信息，而不是看到没有解释数据页的乱码。

三.附加请求类型要充分利用XMLHttpRequest对象的控制，考虑一个最后一站 - HEAD请求添加到剧目。

其实作出HEAD请求是相当平凡的;简单地调用“头的open（）方法”，而不是“接收”或“发送”作为第一个参数，如图9所示图9.为使用Ajax HEAD请求当开发商作出这样的HEAD请求，服务器不返回一个实际的响应，因为它会为GET或POST请求。

相反，服务器只需要返回的资源，包括标题的最后时间在答复的内容被修改，是否请求的资源存在，并且有不少其他有趣的信息比特。

开发人员可以使用这些数了解资源之前服务器已处理并返回该资源。

最简单的事情可以做这样的要求是简单地吐出所有的响应头。

这给出了一个感受到什么是HEAD请求获得通过。

图。

10提供了一个简单的回调函数来输出所有从HEAD请求的响应头。

图10.打印所有从一个HEAD请求的响应报头一个地方，我们会找到一个有用的是HEAD请求检查内容长度甚至是内容类型。

这允许开发人员确定是否一个巨大的数据量将被遣返回处理请求，或者如果服务器将尝试返回而不是HTML，文本或二进制数据的XML（这是所有三个进程更容易在JavaScript不是二进制数据）。

在这种情况下，我们只需要使用适当的头名并将它传递给getResponseHeader（）方法上XMLHttpRequest对象。

因此，要获得一个响应的长度，只要调用request.getResponseHeader（“内容长度”），使用request.getResponseHeader（“内容类型”）来获取内容类型。

在许多应用程序，使HEAD请求没有增加功能，甚至可能减缓请求（由迫使HEAD请求来获取有关响应和数据然后随后的GET或POST请求实际上得到响应）。

然而，倘若我们无法确定脚本或服务器端组件，可以一个HEAD请求让我们没有得到处理的一些基本数据响应数据或需要的带宽，以传送该回应。

四、结论AJAX试图弥合差距功能和桌面应用程序和交互性始终更新的Web应用程序。

基于Ajax，动态用户界面和更好的控制在桌面应用程序可以被用来在Web应用程序。

AJAX的支持动态，异步的Web体验无为页面刷新，这是需要一个优秀的方法，在把笨拙的Web界面帮助为互动式的Ajax应用程序。

参考文献:[1]杰西詹姆斯加勒特。

Ajax：一种Web应用的新途径。