Ajax和传统Web应用的对比

原创 2016年06月05日 22:53:53

一.同步和异步

这两个概念在操作系统中提到过,这次我们再来结合这个看一下。

同步是这样一个过程:提交请求-〉等待服务器处理——〉处理完毕,返回。这个期间客户端浏览器不能够干任何事情。

异步:请求通过事件触发——>服务器处理(这个时候,浏览器可以做其他事情)——〉处理完成。

对比:同步是一心一意,只能够做一件事情,其他事情必须等待当前的事情完成,才能够继续做后面的事情。异步是三心二意的,不必等待得到回应,就可以去做别的事情,也就是可以同时做多件事情。

二、ajax中的同步和异步

ajax发送请求时候分为同步和异步(当然最重要的使用是异步)。

异步传输方式:是使用最多的也是默认的方式。他避免了服务器检索给用户带来的延迟。在异步传输的时候,它只是在后面悄悄的进行 ,用户仍然可以做其他的事情,不会给用户等待的感觉。在传输的数据量比较大的时候,服务器的检索实践就很长了,但是用户却不知道,用于仍然可以在页面上操作,根本就不知道服务器都干了什么,所以能够给用户良好的体验。

同步方式:就比较木讷了,很痴情。当发出了请求之后,浏览器就在那等待,等待服务器检索完毕,返回结果。这个时间段内,鼠标就会变成等待的形状,提醒我们的用户请求还没有响应,您什么也不能做。我们的用户就什么都干不成,能够做的就是等待。这样,用户的体验度就会下降。

但是世界上的事情都不是绝对的,同步也有同步方式的适用场景。假如有这样一个情况,我们的请求的结果是下一步请求的前提,只有知道这一步的请求结果,下面用户才能够继续进行。显而易见,这种情况使用同步请求还是比较合理的。

二、使用ajax的作用和好处?

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

    但是ajax应用可以仅向服务器发送并取回必需的数据,它使用SOAP或其它一些基于xml的WebService接口,并在客户端采用JavaScript处理来自服务器的响应。这样服务器和浏览器之间交换的数据大量减少,所以我们能够看到响应更快的页面。同时很多的处理请求可以在请求的客户端机器上完成,所以Web服务器的处理时间也就减少了。

使用Ajax的最大优点,就是能够在不更新整个页面的前提下维护数据,这使得web应用程序更为迅速的回应用户动作。


   Ajax和传统Web应用的对比:



 具体页面端和服务端的传输过程差别:

  


数据交互的详细过程对比:                                              

                      


  总结一句话:传统的Web开发传送的是页面,ajax方式,传送的是数据。ajax不用返回这个页面,通过一个URL去调用呢Controller中的某个方法,直接传值,大大减少了要交换的数据,所以效率提高。

 总结:

      ajax"Asynchronous  javascript And Xml"(异步JavaScript和XML),是一种创建交互式网页应用的网页开发技术。通过在后台和服务器进行少量数据交换,Ajax可以使网页实现异步更新。再回头看这个概念,清晰了很多。


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

Ajax及传统Ajax应用详解

Ajax全称是“Asynchronous JavaScript and XML”(异步JavaScript和XML),它并不是指一种单一的技术,而是有机的利用了一系列交互式网页应用相关的技术所形成的结...

事件处理机制之epoll

0.序 1.为什么要采用epoll事件处理机制呢?也就是Epoll的优点。 2.epoll事件处理机制有两种触发方式:ET和LT。有何区别? 3.epoll相关函数    1)epoll_cr...

netstat统计的tcp连接数与⁄proc⁄pid⁄fd下socket类型fd数量不一致的分析

新blog地址:http://hengyunabc.github.io/netstat-difference-proc-fd-socket-stat/最近,线上一个应用,发现socket数缓慢增长,并...

Web Services与传统Web应用

  • 2008年07月20日 10:26
  • 599KB
  • 下载

单页web应用是什么?它又会给传统网站带来哪些好处?

什么是单页应用?单页应用是指在浏览器中运行的应用,它们在使用期间不会重新加载页面。像所有的应用一样,它旨在帮助用户完成任务,比如“编写文档”或者“管理Web服务器”。可以认为单页应用是一种从Web服务...

Hbase与传统数据库的区别,web应用db设计演化

本文转自:http://www.ithao123.cn/content-861666.html,未作修改。 在说HBase之前,我想再唠叨几句。做互联网应用的哥们儿应该都清楚,互联网应用这东...

基于Ajax的Web应用

  • 2007年09月14日 20:45
  • 140KB
  • 下载

Ajax和PHP 构建灵敏的web应用

  • 2008年05月02日 18:48
  • 3.35MB
  • 下载

Ajax:开发web应用的新途径

索引 1。AJAX原理 2。AJAX核心——XMLHttpRequest简介 1.AJAX原理 AJAX是Asynchronous JavaScript + XML的简称,它是一系列技...

基于Ajax技术的Web应用.pdf

  • 2010年12月18日 18:40
  • 217KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Ajax和传统Web应用的对比
举报原因:
原因补充:

(最多只允许输入30个字)