`

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
分享到:
评论

相关推荐

    Ajax与PHP基础教程

    因特网技术的发展一直非常迅速.虽然最早出现的时候显示的是文本信息(因为那时存储空 间和内存都很有限) ,但近几年它已迅速发展成为图形化的,功能很强的媒体.随着其发展,就 需要有相关的工具来...说明php中应用ajax技术

    AJAX技术在教学网站中的应用研究

    本文从研陌b技术发展的起源谈起,分析AJAX能够为传统的研尾b应用带 来些什么,它的优势在什么地方。然后解释AJAX的基本组成技术和核心原理, 展示了最小的AJAX框架应该拥有的组成部分和AJAX数据交互的基础方法。通 ...

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

    随着网络技术的快速发展,Intemet已成为新的GIs系统发柿平台。利用 Internet技术,在Web上发布窄问数据,供用户浏览和使用,是GIS发展的必然 趋势。WebGIS是GIS技术与Web技术集成的产物,它继承了GIS的部分功能, ...

    ajax高级应用

    随着动态交互技术的发展,用户体验要求越来越高,ajax的出现大大提高了用户的体验效果,增强了网站的用户体验性,本文档讲述了ajax的高级应用

    Ajax基础教程(扫描版)

    1.3 web应用的发展历程 3 1.3.1 cgi 4 1.3.2 applet 4 1.3.3 javascript 5 1.3.4 servlet、asp和php……哦,太多了! 6 1.3.5 flash 9 1.3.6 dhtml革命 10 1.3.7 xml衍生语言 10 1.3.8 基本问题 12 1.3.9 ...

    asp.net中AJAX技术基础及应用 PPT

    Web应用与桌面应用有着完全不同的运行环境和编程模型,在目前的技术条件下,Web应用要完全超越已发展多年的桌面应用所拥有的丰富交互特性,还是很困难的。

    JavaScript学习总结之JS、AJAX应用

    AJAX 不是新的编程语言,而是一种使用现有标准的新方法,是一种用于创建快速动态网页的技术,通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页...

    Ajax技术在办公自动化系统中的应用

    随着信息技术的发展和普及,OA已成为单位日常工作中不可或缺的办公 工具和业务载体.然而目前占主流的B/S架构的OA还不是很完善,其中客户端的 问题尤为突出,在外观和功能上往往不能很好地满足客户的需求.Ajax技术的出 ...

    SSH框架与AJAX技术的Java_Web应用开发(4页,pdf书籍)不是代码

    《Java Web开发技术大全:JSP+Servlet+Struts+Hibernate+Spring+Ajax》介绍了Web开发中客户端技术的基础知识,包括JavaScript、CSS、AJAX等,这些技术都是Web应用中常用的客户端技术。 《Java Web开发技术大全:JSP+...

    Ajax技术在Web系统中的应用研究-硕士论文1

    Ajax技术在Web系统中的应用研究Ajax论文收集了很久。 随着Internet的高速发展,以及Web应用...Ajax技术异步交互的特点可以使Web应用极大的提升用户体验和Web操作效率,为新时代的Web应用系统开辟了一个新的发展方向。

    ajax框架与实践

    涵盖Web应用的发展,Ajax基础,Web通讯,XMLHttpRequest对象详解,同时详细讲解和推荐了Ajax开发工具箱,例如JSDoc,Firefox拓展,DOMInspector,JSLint等等,以及JsUnit测试等。同时为了提升前端技术,第八章详细...

    基于AJAX技术的电子商务系统研究及应用

    本文对AJAX技术及其工作原理进行了深入研究,通过分析传统的商务系统请求/响应方式所带来的用户交互可用性的不足,将AJAX异步请求访问技术应用于电子商务系统,极大增强了用户体验和交互性。对于构建高可用性,智能...

    如何使用ajax开发web应用程序

    如何使用ajax开发web应用程序(二) 如何使用ajax开发web应用程序(三) 如何使用ajax开发web应用程序(一) 在过去,由于为了获得新数据而不得不重新加载web页面(或者加载其他页面)导致web应用程序发展被限制。...

    使用Ajax技术播放电影和幻灯片.doc

    了解如何把多媒体与 PHP 和 Asynchronous JavaScript™ + XML(Ajax)结合起来创造令人耳目一新的体验。 如果问哪一个网站最能代表 Web 应用程序的新潮流,多数人会回答 YouTube。这个网站不仅仅积极接纳新技术...

    AJAX学习源码下载

    关于AJAX的发展史本文就不再重述了,有兴趣的同学可以到网上去搜索,这种你可以说我也可以说的话,应该到处都是,本文就都略去不讲了。对于AJAX的简要概述,笔者也只有一段话: AJAX技术是一种能够将桌面应用程序的...

    零基础学 Ajax自学手册

    如今互联网已经深入了每个人的生活,互联网从最初基于文本仅仅用于学术研究的Web应用,到现在成为了信息与商业中心。互联网仅仅发展了20年,在这20年间无数新技术粉墨登场,但是与桌面程序还是有着天壤之别。Ajax...

    AJAX全能文档含源码.doc

    好在 Ajax 并不是什么全新的技术,它仅仅是传统技术的发展和增值,是对于这些基于 Web 标准的传统技术的重新包装,使其更加适合于企业应用,并且和服务器端结合地更加紧密。因此学习 Ajax,首先就要从深入学习这些...

    基于J2EE的ajax宝典

    1.1.1 应用系统的发展史············· 2 1.1.2 传统Web 应用的优势和缺点··············· 4 1.2 重新设计 Web 应用····· 5 1.2.1 RIA应用·········· 5 1.2.2 异步...

    Ajax实例2 改善用户体验

    使用 Ajax 技术可以改善传统应用中一些不方便的地方,从而为用户的操作带来便利性。而这些很小的改动很可能大幅度提高用户的满意度,从而更好地推动网站的发展。 本章就从这些细微之处着手,通过6 个实例讲解了如何...

    AJAX——新手快车道

    如果没有李锟与赵泽欣的专家级指导与帮助,如果没有与李锟AJAX结对 编程的体验,如果没有三个人在MSN上无数次的长聊,我想要在短期内建立起: 对于AJAX本质的理解; 对于整个AJAX以及相关技术地图的理解; 对于AJAX...

Global site tag (gtag.js) - Google Analytics