首页技术ajax是什么?ajax的工作原理

ajax是什么?ajax的工作原理

编程之家2026-06-30656次浏览

这篇文章给大家聊聊关于ajax是什么,以及ajax的工作原理对应的知识点,希望对各位有所帮助,不要忘了收藏本站哦。

ajax是什么?ajax的工作原理

AJAX是什么

AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。

主要包含了以下几种技术:

Ajax(Asynchronous JavaScript+ XML)的定义

基于web标准(standards-based presentation)XHTML+CSS的表示;

使用 DOM(Document Object Model)进行动态显示及交互;

使用 XML和 XSLT进行数据交换及相关操作;

ajax是什么?ajax的工作原理

使用 XMLHttpRequest进行异步数据查询、检索;

使用 JavaScript将所有的东西绑定在一起。英文参见Ajax的提出者Jesse James Garrett的原文a

类似于DHTML或LAMP,AJAX不是指一种单一的技术,而是有机地利用了一系列相关的技术。事实上,一些基于AJAX的“派生/合成”式(derivative/composite)的技术正在出现,如“AFLAX”。

AJAX的应用使用支持以上技术的web浏览器作为运行平台。这些浏览器目前包括:Mozilla、Firefox、Internet Explorer、Opera、Konqueror及Safari。但是Opera不支持XSL格式对象,也不支持XSLT。

与传统的web应用比较

传统的web应用允许用户填写表单(form),当提交表单时就向web服务器发送一个请求。服务器接收并处理传来的表单,然后返回一个新的网页。这个做法浪费了许多带宽,因为在前后两个页面中的大部分HTML代码往往是相同的。由于每次应用的交互都需要向服务器发送请求,应用的响应时间就依赖于服务器的响应时间。这导致了用户界面的响应比本地应用慢得多。

与此不同,AJAX应用可以仅向服务器发送并取回必需的数据,它使用SOAP或其它一些基于XML的web service接口,并在客户端采用JavaScript处理来自服务器的响应。因为在服务器和浏览器之间交换的数据大量减少,结果我们就能看到响应更快的应用。同时很多的处理工作可以在发出请求的客户端机器上完成,所以Web服务器的处理时间也减少了。

Ajax应用程序的优势在于:

1.通过异步模式,提升了用户体验

2.优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用

3. Ajax引擎在客户端运行,承担了一部分本来由服务器承担的工作,从而减少了大用户量下的服务器负载。

===========================================

英文名称:Ajax

粤语译音:阿积士

成立时间:1900年3月18日

所在国家:荷兰

所在城市:阿姆斯特丹

俱乐部教练:腾卡特(Ten cate)

主球场:阿姆斯特丹阿雷纳球场

主队服:红百间条上衣

昵称:

联系地址:Arena Boulevard 29 1101 AX Amsterdam

官方网址:

俱乐部详细资料

就像西甲的皇家马德里一样,阿贾克斯是荷兰最久负盛名的球队。它的诞生是由一群志同道合的朋友在业余时间组成的,经过100多年的努力,该俱乐部以其漂亮和富有进攻力的打法举世闻名。阿贾克斯一共夺取过27次荷兰联赛的冠军和25次重要国际比赛的冠军,其中4次欧洲冠军杯。

1900年3月18日斯坦普、达德和里瑟有感于各个小俱乐部鱼龙混杂,管理混乱,在阿姆斯特丹号召人们成立了一个统一的足球俱乐部,从而也宣告了阿贾克斯一支伟大球队的诞生。

阿贾克斯成立至今,赢得了无数的奖杯和荣誉,他们曾在18/19赛季和95/96赛季两次以不败战绩捧得当年的联赛冠军。在1929-1939十年间,阿贾克斯迎来了该俱乐部历史上第一个辉煌时期,在这期间他们一共获得7次联盟冠军(地区性冠军)和5次荷兰联赛冠军。

在经历过近三十年的低迷后,70年代荷兰掀起了全攻全守足球的狂潮,这给后来的荷兰足球及世界足坛都带来了深远的影响。作为荷兰足球的代表阿贾克斯自然更是推崇备至。从1971年到1973年,阿贾克斯连续3年夺得欧洲冠军杯,成为继皇家马德里后第二支上演冠军杯帽子戏法的球队,同时他们也进入了历史上的第二个辉煌时期。

高潮过后,阿贾克斯的许多功勋球员或退休或离队,这直接导致了该队在70年代后期的持续低迷。但1981-1987年阿贾克斯又卷土重来了,他们3次夺得荷兰联赛和杯赛的双冠王。当时大名鼎鼎的克鲁伊夫和帮助AC米兰称霸欧洲的荷兰三剑客(古利特、范·巴斯滕和里杰卡尔德)都曾先后在阿贾克斯效力,他们为该队夺得无数荣誉立下了汗马功劳。

从1991年到1997年,一个名叫范加尔的荷兰人带领阿贾克斯又再次走向了高潮。而之前,人们对他一无所知,但很快他用一个又一个的奖杯证明了自己的实力。1995年5月24日,一支由里杰卡尔德、戴维斯、西多夫、克鲁伊维特和博格坎普组成的阿贾克斯在冠军杯决赛中击败了当时如日中天的AC米兰,第4次夺得欧洲冠军杯。此外,范加尔的球队还在93/94、94/95、95/96赛季三度称雄荷甲,91/92赛季夺得联盟杯冠军和92/93赛季夺得荷兰杯冠军等等,为阿贾克斯书写了光辉的一页。

天下没有不散的筵席,扬名立万后阿贾克斯队中的大牌球星们纷纷出国淘金。球队在经过短暂的阵痛后,又一批年轻球员成长了起来。他们夺得了01/02赛季荷甲联赛冠军,也在02/03赛季冠军杯中成功杀入8强,让人们重新看到了这支球队的希望。

阿贾克斯历来非常注重年轻球员的培养,他们很少购买国外球员,所依赖的都是自己的子弟兵,尽管这些子弟兵一旦成名后很快会被外国大俱乐部高薪挖走,但阿贾克斯凭借源源不断的强大后备力量依然屹立在欧洲一流强队的行列中。在刚刚结束的02/03赛季欧洲冠军杯1/4决赛上,由一群初出茅庐的小伙子组成的阿贾克斯把群星荟萃的AC米兰搞的狼狈不堪,后来夺冠的红黑军团只是幸运的凭借英扎吉的灵光一现才勉强过关。这支青年军能够杀进八强,引来了许多大俱乐部艳羡的目光,并足以使拜仁慕尼黑等强队汗颜。

尽管在02/03赛季他们仅以1分之差将联赛冠军让给了希丁克统率的埃因霍温,但他们的出色表现已引起了整个欧洲的注意。在即将来临的新赛季,无论阿贾克斯取得了多大的荣誉都不需要感到吃惊,因为他们是一支充满朝气,不可限量的青年军。

什么是AJAX

简介

术语Ajax用来描述一组技术,它使浏览器可以为用户提供更为自然的浏览体验。在Ajax之前,Web站点强制用户进入提交/等待/重新显示范例,用户的动作总是与服务器的“思考时间”同步。Ajax提供与服务器异步通信的能力,从而使用户从请求/响应的循环中解脱出来。借助于Ajax,可以在用户单击按钮时,使用JavaScript和DHTML立即更新UI,并向服务器发出异步请求,以执行更新或查询数据库。当请求返回时,就可以使用JavaScript和CSS来相应地更新UI,而不是刷新整个页面。最重要的是,用户甚至不知道浏览器正在与服务器通信: Web站点看起来是即时响应的。

虽然Ajax所需的基础架构已经出现了一段时间,但直到最近异步请求的真正威力才得到利用。能够拥有一个响应极其灵敏的Web站点确实激动人心,因为它最终允许开发人员和设计人员使用标准的HTML/CSS/JavaScript堆栈创建“桌面风格的(desktop-like)”可用性。

定义Ajax

Adaptive Path公司的Jesse James Garrett这样定义Ajax:

Ajax不是一种技术。实际上,它由几种蓬勃发展的技术以新的强大方式组合而成。Ajax包含:

*基于XHTML和CSS标准的表示;

*使用Document Object Model进行动态显示和交互;

*使用XMLHttpRequest与服务器进行异步通信;

*使用JavaScript绑定一切。

这非常好,但为什么要以Ajax命名呢?其实术语Ajax是由Jesse James Garrett创造的,他说它是“Asynchronous JavaScript+ XML的简写”。

Ajax的工作原理

Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应,而不阻塞用户。

Ajax是什么工作原理是什么

Ajax用来描述一组技术,它使浏览器可以为用户提供更为自然的浏览体验。在Ajax之前,Web站点强制用户进入提交/等待/重新显示范例,用户的动作总是与服务器的“思考时间”同步。Ajax提供与服务器异步通信的能力,从而使用户从请求/响应的循环中解脱出来。借助于Ajax,可以在用户单击按钮时,使用JavaScript和DHTML立即更新UI,并向服务器发出异步请求,以执行更新或查询数据库。当请求返回时,就可以使用JavaScript和CSS来相应地更新UI,而不是刷新整个页面。最重要的是,用户甚至不知道浏览器正在与服务器通信:Web站点看起来是即时响应的。

虽然Ajax所需的基础架构已经出现了一段时间,但直到最近异步请求的真正威力才得到利用。能够拥有一个响应极其灵敏的Web站点确实激动人心,因为它最终允许开发人员和设计人员使用标准的HTML/CSS/JavaScript堆栈创建“桌面风格的(desktop-like)”可用性。

通常,在J2EE中,开发人员过于关注服务和持久性层的开发,以至于用户界面的可用性已经落后。在一个典型的J2EE开发周期中,常常会听到这样的话,“我们没有可投入UI的时间”或“不能用HTML实现”。但是,以下Web站点证明,这些理由再也站不住脚了:

BackPack

Google Suggest

Google Maps

PalmSphere

所有这些Web站点都告诉我们,Web应用程序不必完全依赖于从服务器重新载入页面来向用户呈现更改。一切似乎就在瞬间发生。简而言之,在涉及到用户界面的响应灵敏度时,基准设得更高了。

定义Ajax

Adaptive Path公司的Jesse James Garrett这样定义Ajax:

Ajax不是一种技术。实际上,它由几种蓬勃发展的技术以新的强大方式组合而成。Ajax包含:

基于XHTML和CSS标准的表示;

使用Document Object Model进行动态显示和交互;

使用XMLHttpRequest与服务器进行异步通信;

使用JavaScript绑定一切。

这非常好,但为什么要以Ajax命名呢?其实术语Ajax是由Jesse James Garrett创造的,他说它是“Asynchronous JavaScript+ XML的简写”。

Ajax的工作原理

Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应,而不阻塞用户。

在创建Web站点时,在客户端执行屏幕更新为用户提供了很大的灵活性。下面是使用Ajax可以完成的功能:

动态更新购物车的物品总数,无需用户单击Update并等待服务器重新发送整个页面。

提升站点的性能,这是通过减少从服务器下载的数据量而实现的。例如,在Amazon的购物车页面,当更新篮子中的一项物品的数量时,会重新载入整个页面,这必须下载32K的数据。如果使用Ajax计算新的总量,服务器只会返回新的总量值,因此所需的带宽仅为原来的百分之一。

消除了每次用户输入时的页面刷新。例如,在Ajax中,如果用户在分页列表上单击Next,则服务器数据只刷新列表而不是整个页面。

直接编辑表格数据,而不是要求用户导航到新的页面来编辑数据。对于Ajax,当用户单击Edit时,可以将静态表格刷新为内容可编辑的表格。用户单击Done之后,就可以发出一个Ajax请求来更新服务器,并刷新表格,使其包含静态、只读的数据。

一切皆有可能!但愿它能够激发您开始开发自己的基于Ajax的站点。然而,在开始之前,让我们介绍一个现有的Web站点,它遵循传统的提交/等待/重新显示的范例,我们还将讨论Ajax如何提升用户体验。

文章到此结束,如果本次分享的ajax是什么和ajax的工作原理的问题解决了您的问题,那么我们由衷的感到高兴!

源程序的编译与解释的基本概念?编译程序的概念jquery 实时更新,js实现时间每秒更新