`

Ajax发展与应用

    博客分类:
  • Ajax
阅读更多

       Ajax是基于传统的web应用开发衍生而来的,说它是一门技术,它是一种基于客户端的技术,所以在我们后台,也就是服务器端的技术无论你是用php还是jsp or ASP.NET,都可以用ajax。

        我们先来看下Ajax构成,Asynchronous javascript   and  XML缩写,意思是异步的javascript与XML,看起来我们对ajax不甚了解,可能认为它是一种新的技术,但是它并没有那么高大上,它只是javascript、XML、CSS、DOM等技术的组合,可以实现客户端异步请求操作,从而可以实现不用刷新页面情况下与服务器通信,减少用户等待时间,提高用户体验,而且减轻服务器和带宽负担,提供更好的服务响应。

       说了那么多,但是你们有谁感受到你们每天都在用Ajax么,并没有吧,就好像我现在敲着博文也米有意识到Ajax已悄悄接近我,来到我身边,把我现在完成的信息偷偷告诉服务器,从而在我没有刷新页面,博文就出现ITeye编辑器帮您自动保存草稿于:13:12:0  这么一行字,如果这里大家体验不深的话我再举个例子就是当你用到google搜索,哪怕百度,当你输入一行字时,出现的这种情况:



 


 
 
下面显示的提示信息

又比如你在注册邮箱时候,将采用Ajax实现不刷新页面检测输入数据合法性,又比如我们打开网页移动鼠标在某一个图片显示的气泡说明。可以说Ajax已经深入我们内部了。

 

  现在既然了解了那么多ajax就存在于我们身边的事实,不如看下它是怎么来的,每次谈到一个新兴的技术就要去
 oooO ↘┏━┓ ↙ Oooo
 ( 踩)→┃你┃ ←(死 )
  \ ( →┃√┃ ← ) /
  \_)↗┗━┛ ↖(_/      它前任几脚才能显出现任的霸道似得,这里也是走的这个路线,它的前任是web 2.0以前,我们以前的开发模式是用户每一次操作都会触发一次返回给web服务器的http请求,服务器进行相应处理后,(数据,运行不同系统会话)然后再返回一个html页面给客户,这种体验是非常糟糕的,还记得当初我高中时候用的键盘手机,使用的网页版qq,那时候我每次发一个聊天消息,点击一下发送,然后界面刷新了一次,那么什么时候人家给你发送回消息呢,sorry I don't  know  ,你必须刷新一下页面你才知道,于是等待就成为了煎熬,我现在回忆起来那段美好的时光,觉得它唯一的好处是非常省流量,一个月30M是怎么都用不完的,前提是不要提你按的手痛的刷新。

现在我们看下Ajax是怎么做的:

在结构中,我觉得Ajax相当于一个中间商,页面中的用户操作将不直接到达服务器,先到达Ajax的引擎,然后Ajax与服务器进行通信,然后返回结果提交给Ajax,Ajax决定将这些数据插入到页面的指定位置。

下面是这两种模式的运作图:




 
 

 

 这样将会变成Ajax引擎的一次javascript调用。从而在不需要刷新页面情况下,把部分数据更新上去,也降低了网络流量。

然而怎么做到可以不刷新页面就成功更新数据的,这跟它本身技术特点密不可分,我们下次接着讨论这个神奇的AJAX



 

 

 

 

 

 

 

 

  • 大小: 11.9 KB
  • 大小: 42.9 KB
  • 大小: 19.6 KB
  • 大小: 22.8 KB
1
1
分享到:
评论

相关推荐

    JavaScript语言与Ajax应用第二版_JavaScript语言与Ajax应用_JavaScript应用_javascri

    在"JavaScript语言与Ajax应用(第二版)"这本书中,作者董宁深入探讨了这两者的核心概念和技术应用。 1. **JavaScript基础**:JavaScript语言的基础包括变量、数据类型、运算符、流程控制(条件语句、循环语句)、...

    传统Web应用与AJAX应用

    **传统Web应用与AJAX应用** 在Web应用的发展历程中,传统的Web应用和AJAX(Asynchronous JavaScript and XML)应用是两个重要的阶段。传统的Web应用,又称为“页面刷新”模型,是基于HTTP协议的请求-响应模式。用户...

    Web 2.0动态网站开发 : Ajax技术与应用光盘

    在《Web 2.0动态网站开发 : Ajax技术与应用》这本书中,作者阮征可能会详细讲解如何使用Ajax技术实现以下功能: - **异步数据交换**:Ajax使得网页可以在后台与服务器进行通信,用户无需等待页面刷新即可看到更新。...

    ajax工具的应用

    AJAX(Asynchronous JavaScript and XML)是Web开发中一种创建动态网页的技术,它允许在不刷新整个页面的情况下,与服务器交换数据并更新部分网页...随着技术的不断发展,AJAX也在持续进化,适应着日益变化的网络环境。

    基于MVC模式的Struts框架中Ajax研究与应用.pdf

    ### 基于MVC模式的Struts框架中Ajax研究与应用 #### 一、引言 随着互联网技术的发展,Web应用程序的需求日益增加,对于高效、可维护的应用框架的需求也愈发强烈。MVC(Model-View-Controller)设计模式作为构建Web...

    Ajax技术研究与应用.pdf

    Ajax技术研究与应用 Ajax技术是近年来Web开发中的一个热门技术,它使得客户端与服务器通信时间缩短,服务器响应后可以在不刷新整个页面的情况下获取数据,用户响应较快,从而适应交互性强的应用需求。 Ajax技术的...

    ajax实例演示源代码详细描述了ajax的应用

    **Ajax(Asynchronous JavaScript and XML)技术是一种在无需重新加载整个网页的情况下,能够更新部分网页内容的技术。...在不断发展的Web技术中,Ajax依然是构建动态和交互性网页的重要工具之一。

    AJAX原理 原理 AJAX

    "AJAX原理与技术的深入分析" AJAX(Asynchronous JavaScript and XML)是一种异步通信技术,允许Web应用程序异步地从服务器请求数据,而不需要重新加载整个网页。下面我们将深入分析AJAX的原理、技术、意义和发展...

    Jquery的Ajax应用

    【jQuery的Ajax应用】 jQuery是JavaScript的一个库,它极大地简化了JavaScript的使用,包括处理Ajax交互。...随着Web技术的发展,jQuery的Ajax依然在现代Web开发中占据着重要地位,尤其是在兼容性和便利性方面。

    Ajax引擎的原理和应用.pdf

    未来,随着更多高效、安全的网络技术出现,Ajax及其衍生技术将继续推动Web应用的发展。 综上所述,Ajax引擎作为Web应用的重要组成部分,通过其实现的异步数据交互机制极大地改善了用户体验,同时也减轻了服务器端的...

    基于Ajax的Web应用安全性研究

    3. **数据泄露**:Ajax应用在与服务器通信时,可能会暴露敏感信息。如果通信未加密,或者数据处理不当,数据可能在传输过程中被截获或篡改。 4. **缓存安全问题**:Ajax请求的结果可能会被浏览器缓存,这可能导致...

    Ajax与J2EE技术在电信WebGIS中的应用

    ### Ajax与J2EE技术在电信WebGIS中的应用 #### 一、引言 随着互联网技术的迅猛发展,网络已经成为地理信息系统(Geographic Information System,GIS)发布的新平台。利用互联网技术,在Web上发布空间数据,供用户...

    使用HTML和AJAX开发AIR应用程序中文文档

    - **原生性能**:提供与本地应用程序相近的性能体验。 - **离线支持**:支持创建可在无网络连接情况下工作的应用。 - **硬件加速**:利用GPU进行图形渲染,提高渲染速度和质量。 - **丰富的API集**:包括文件系统...

    Ajax事例、Ajax实例、ajax应用

    Ajax技术极大地推动了现代Web应用程序的发展,通过它可以创建更加交互式和动态的网页。理解和掌握Ajax的工作原理及应用,对于任何Web开发者来说都是至关重要的。通过不断的实践和学习,你可以利用Ajax构建出更高效、...

    Ajax技术在ASP.NET应用

    随着Web应用程序的发展,用户对交互性和响应速度的要求越来越高。传统的Web开发模式在处理大量数据时常常导致用户体验下降,而Ajax(Asynchronous JavaScript and XML)技术作为一种可以实现异步通信的方式,能够...

    基于DWR与EXT的Ajax应用研究与实现.pdf

    1. Ajax技术的应用与发展趋势 Ajax技术是Web 2.0时代的核心技术之一,它使Web页面不需要刷新就可以动态更新,从而节省了网络带宽,减轻了服务器的负担,使用户得到更好的体验。Ajax技术的应用非常广泛,包括Web应用...

    AJAX技术在WebGIS开发中的应用研究

    【Ajax技术在WebGIS开发中的应用研究】 随着互联网的飞速发展,WebGIS(Web地理信息系统)的应用场景日益广泛,从传统的桌面应用逐渐过渡到Web平台。为了应对大量的实时交互和频繁的数据通信需求,AJAX(异步...

    基于Ajax的Web应用

    随着互联网技术的发展,Web应用的需求日益增加,用户体验成为了衡量一个网站成功与否的关键因素之一。传统的Web应用往往需要通过频繁地页面重载来更新数据,这不仅降低了用户体验,还增加了服务器的压力。近年来,一...

Global site tag (gtag.js) - Google Analytics