Ajax的是建立Web应用的一条新途径

2016-02-19 14:11 5 1 收藏

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享Ajax的是建立Web应用的一条新途径吧。

【 tulaoshi.com - Web开发 】

不像加载一个页面一样,在会话的开始,浏览器加载了一个Ajax引擎---采用JavaScript编写并且通常在一个隐藏frame中。Ajax引擎允许用异步的方式实现用户与程序的交互--不用等待服务器的通讯。
  
  如果要问做什么事是最有吸引力,那就是创建Web应用。毕竟,上次你听到有人称赞某产品的交互设计是什么时候的事了?(除了iPod之外)它们都很cool,而且都是很创新的项目。
  
  抛开这些不管,Web设计者们对设计交互式的Web没有什么更好的办法,却对我们做桌面软件的同事投去少许羡慕的目光.桌面应用程序有丰富的界面以及对于Web程序来说无法比拟的响应能力。同样,Web的快速发展,在我们所提供的体验和用户从桌面应用程序所得到的体验间产生巨大的差距
  
  而如今差距正在消失。请看看“Google建议(GoogleSuggest)”.观察它按你的输入显示建议条目的更新速度,几乎是立即更新的。再看看"GoogleMaps".放大,用你的鼠标搬动和滚动。这些动作几乎是立即响应的,不用等待页面刷新。
  
  "GoogleSuggest"和"GoogleMaps"是采用Ajax技术的两个典型例子。Ajax是AsynchronousJavaScriptandXML的简称,它表现出一个Web开发上的根本转变,那就是,Web上可能做些什么.
  
  Ajax的定义
  
  Ajax不是一个技术,它实际上是几种技术,每种技术都有其独特这处,合在一起就成了一个功能强大的新技术。Ajax包括:
  
  XHTML和CSS
  
  使用文档对象模型(DocumentObjectModel)作动态显示和交互
  
  使用XML和XSLT做数据交互和操作
  
  使用XMLHttpRequest进行异步数据接收
  
  使用JavaScript将它们绑定在一起
  
  传统的web应用模型工作起来就象这样:大部分界面上的用户动作触发一个连接到Web服务器的HTTP请求。服务器完成一些处理---接收数据,处理计算,再访问其它的数据库系统,最后返回一个HTML页面到客户端。这是一个老套的模式,自采用超文本作为web使用以来,一直都这样用,但看过《TheElementsofUserExperience》的读者一定知道,是什么限制了Web界面没有桌面软件那么好用。
  
  图1:传统Web应用模型(左)与Ajax模型的比较(右).
  
  这种旧的途径让我们认识到了许多技术,但它不会产生很好的用户体验。当服务器正在处理自己的事情的时候,用户在做什么?没错,等待。每一个动作,用户都要等待。
  
  很明显,如果我们按桌面程序的思维设计Web应用,我们不愿意让用户总是等待。当界面加载后,为什么还要让用户每次再花一半的时间从服务取数据?实际上,为什么老是让用户看到程序去服务器取数据呢?
  
  Ajax如何不同凡响
  
  通过在用户和服务器之间引入一个Ajax引擎,可以消除Web的开始-停止-开始-停止这样的交互过程.它就像增加了一层机制到程序中,使它响应更灵敏,而它的确做到了这一点。
  
  不像加载一个页面一样,在会话的开始,浏览器加载了一个Ajax引擎---采用JavaScript编写并且通常在一个隐藏frame中。这个引擎负责绘制用户界面以及与服务器端通讯。Ajax引擎允许用异步的方式实现用户与程序的交互--不用等待服务器的通讯。所以用户再不不用打开一个空白窗口,看到等待光标不断的转,等待服务器完成后再响应。
  
  图2:传统Web应用的同步交互过程(上)和Ajax应用的异步交互过程的比较(下).
  
  通常要产生一个HTTP请求的用户动作现在通过JavaScript调用Ajax引擎来代替.任何用户动作的响应不再要求直接传到服务器---例如简单的数据校验,内存中的数据编辑,甚至一些页面导航---引擎自己就可以处理它.如果引擎需要从服务器取数据来响应用户动作---假设它提交需要处理的数据,载入另外的界面代码,或者接收新的数据---引擎让这些工作异步进行,通常使用XML,不用再担误用户界面的交互。
  
  谁在使用Ajax
  
  在采用Ajax的开发上面,Google做了巨大的投资。去年Google所有主要的产品都用了这项技术---Orkut,Gmail,以及最近的beta版的GoogleGroups,GoogleSuggest和GoogleMaps---它们全是Ajax的应用。(要想了解更多这些Ajax实际的技术细节,请看它们的分析文章:Gmail,GoogleSuggest,GoogleMaps).其它的像:Flickr,采用许多人们喜欢的Ajax特性,还有Amazon的A9.com搜索引擎也采用类似的技术。
  
  这些项目证明了Ajax不只是学术上的,也有许多真实世界成功应用。这不是什么实验室里的技术。Ajax的应用可大可小,从非常简单的,像单一功能的GoogleSuggest到非常复杂的GoogleMaps.
  

来源:http://www.tulaoshi.com/n/20160219/1606380.html

延伸阅读
标签: Web开发
最近互联网上比较火热的话题当然是关于WEB2.0的应用,其中AJAX又是WEB2.0的核心之一。AJAX是Asynchronous JavaScript and XML 的缩写。它并不是一门新的语言或技术,它实际上是几项技术按一定的方式组合在一在同共的协作中发挥各自的作用,它包括   使用XHTML和CSS标准化呈现; 使用DOM实现动态显示和交互; 使...
标签: 生活常识
小指一条横纹是怎么回事 小指一条横纹是怎么回事 这种情况是属于缺钙及微量元素缺乏导致的症状,建议先到医院最好能抽血查一查微量元素以明确诊断。 服用葡萄糖酸钙口服液+鱼肝油,及时补充相应的微量元素,有利于康复的,还要多吃奶制品、菠菜、干杏脯、海产品等。 左右手小指根部都有横纹这种情况有可能是因为缺钙缺锌,建议到医院...
标签: Web开发
一、简介 AJAX,一个异步JavaScript和XML的缩略词,是最近出来的技术词语。异步意味着你可以经由超文本传输协议(HTTP)向一个服务器发出请求并且在等待该响应时继续处理另外的数据。这就意味着,例如,你可以调用一个服务器端脚本来从一个数据库中以XML方式检索数据,把数据发送到存储在一个数据库的服务器脚本,或者简单地装载一个XML...
标签: 单身 情感
“想结婚的就去结婚,想单身的就维持单身,反正到最后你们都要后悔。”——萧伯纳 单身族选择单身的原因是什么呢?是的,真正能过好自己人生的人,万中无一。这个世界上的大多数人压根就没搞明白过自己到底适合过怎样的人生,更不用说到底该选择谁来共同度过了。他们习惯把遇到的挫败苦痛都归结到结婚,或者没结婚上头。仿佛倘若不是如此,...
标签: ASP
  假设这个数据表有一个唯一的ID字段,并至少有一条记录。随机存取其中一条记录的方法是非常简单的,可以分为四步: 1、取得记录总数n。 2、把所有的ID号存储到一个数组中 3、产生一个不大于n的随机数m 4、从数组中取出第m个ID号,查询数据表,取得记录数据。 下面是部分代码: $#@60;% set conn = Server.CreateObject(‘ADODB.Conn...

经验教程

449

收藏

70
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部