AJax技术

一种新的胖客户端技术(2)

字号+ 作者:H5之家 来源:H5之家 2017-03-26 14:00 我要评论( )

图1 同步的工作方式 自采用HTML进行Web传输和呈现以来,无论是基于哪种服务器技术(ASP、ASP.NET、JSP或PHP),Web应用中采用的都是如图中所示的处理模式。当页面内容比较少,或者服务器处理时间较短时,采用这种模式

 
图1 同步的工作方式
 自采用HTML进行Web传输和呈现以来,无论是基于哪种服务器技术(ASP、ASP.NET、JSP或PHP),Web应用中采用的都是如图中所示的处理模式。当页面内容比较少,或者服务器处理时间较短时,采用这种模式似乎没有什么不妥。但是,如果页面内容较多,服务器的响应时间较长,对于用户来说就难以接受了。根据调查,一个网页加载的时间如果超过4~5秒,那么大多数用户将不会等待,可能会选择切换到其他窗口或者直接关闭该页面。
 此外,用户在某些时候仅仅需要改变页面中的某部分的数据,但是他不得不刷新整个页面。尤其在人机交互较为频繁的应用系统中,这种现象屡见不鲜,这显然是和人性化的软件设计原则相违背的。减少用户的等待时间,提高系统的可用性的途径除了优化代码、调整服务器配置之外,还可以选择使用Ajax技术。
 使用Ajax后,用户感觉几乎所有的操作都会很快响应没有页面重载的等待。因为与传统的Web应用不同,Ajax采用了异步交互方式。它在用户和服务器之间引入了一个中间媒介,从而改变了同步交互过程中的“处理----等待----处理-----等待“模式。用户的浏览器在执行任务时即装载了Ajax引擎。该引擎是用java script语言编写的,通常位于一个隐藏的框架中,负责转发用户界面和服务器之间的交互。Ajax引擎允许用户和应用系统之间的交互以异步的方式进行,独立于用户与Web服务器之间的交互。现在,可以用java script调用Ajax引擎来产生一个HTTP的用户请求,数据编辑、页面导航和数据验证等操作不再需要重新加载整个页面,可以通过Ajax引擎向Web服务器发送请求。基于Ajax的Web应用模式如图所示:

图2 异步工作方式

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Asp.net中的AJAX学习记录之二 体会AJAX页面刷新的不同

    Asp.net中的AJAX学习记录之二 体会AJAX页面刷新的不同

    2017-03-12 18:03

  • js用innerHTML实现页面局部更新与用ajax技术局部更新的区别?

    js用innerHTML实现页面局部更新与用ajax技术局部更新的区别?

    2017-02-09 15:00

  • ajax推技术,在线服务器端向客户端发送数据

    ajax推技术,在线服务器端向客户端发送数据

    2017-02-07 15:00

  • ASP.NET MVC 使用TryUpdateModel 更新的技巧

    ASP.NET MVC 使用TryUpdateModel 更新的技巧

    2016-07-02 17:00

网友点评