AJAX与传统Web开发比较

AJAX:

什么是AJAX

        AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。

        AJAX = 异步 JavaScript和XML(标准通用标记语言的子集)。

        AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换

        AJAX 可以使网页实现异步更新,意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

AJAX的特点

       基于Web标准,使用文档对象模板(Document Object Model)作动态显示和交互

               ·解决页面数据获取,服务器数据解析,无刷新页面更新

使用XML和XSLT进行数据交换及相关操作

使用XMLHTTPRequest进行异步数据查询和接收

               ·解决异步交互的问题

使用JavaScript将所有的东西绑定在一起

              ·其他AJAX技术的桥梁,最主要的编程语言JS基础。JS的高级内容。JSON格式

     思维方式

用户体验

        在传统Web开发中,如果想得到服务器端数据库或文件上的信息,或者发送客户端信息到服务器,需要建立一个HTML form然后GET或者POST数据到服务器端。用户需要点击”Submit”按钮来发送或者接受数据信息,然后等待服务器响应请求,页面重新加载。因为服务器每次都会返回一个新的页面,所以传统的web应用有可能很慢而且用户交互不友好。即:查看—>提交—>等待—>新页面查看—>新的提交...

        页面跳转,全页面刷新。用户体验会中断

        使用AJAX技术, 就可以使Javascript通过XMLHttpRequest对象直接与服务器进行交互。通过HTTP Request, 一个web页面可以发送一个请求到web服务器并且接受web服务器返回的信息(不用重新加载页面),展示给用户的还是同一个页面,用户感觉页面刷新,也看不到到Javascript后台进行的发送请求和接受响应。

        AJAX在用户体验方面的过程:查看—>提交—>继续浏览—>旧页面查看—>新的提交...页面无刷新,用户体验连贯。

AJAX使用的是异步,传统的Web是使用的同步。

同步更新是需要对整个页面进行更新,并且以新页面的形式显示出来。

         异步更新是后台和服务器进行少量数据交换,即不重新加载整个网页就可以对网页的某部分进行更新。而AJAX减少了用户的等待时间。

        

开发思维

传统的Web   PK   AJAX方式

优缺点

优点:

1、通过异步模式,网页无刷新,提升了用户体验。

2、优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用。

3、Ajax引擎在客户端运行,承担了一部分本来由服务器承担的工作,从而减少了大用户量下的服务器负载。

4、基于标准化的并被广泛支持的技术,不需要下载插件或者小程序。

缺点:

1、ajax不支持浏览器back按钮。

2、安全问题 AJAX暴露了与服务器交互的细节。

3、对搜索引擎的支持比较弱。

4、破坏了程序的异常机制。

5、不容易调试。

时间: 2024-10-13 00:53:31

AJAX与传统Web开发比较的相关文章

Ajax与传统Web开发的异同

 传统web开发模式 传统的Web应用交互由用户触发一个HTTP请求到服务器,服务器接收并对其进行处理后再返回一个新的HTML页到客户端.每当服务器处理客户端提交的请求时,客户都只能空闲等待,哪怕只是一次很小的交互.只需从服务器端得到很简单的一个数据,都会返回整个的HTML页,所以用户每次都要浪费时间和带宽去重新读取整个页面,这个做法不但浪费了许多带宽,由于每次应用的交互都需要向服务器发送请求,响应时间就依赖于服务器的响应时间,这也就导致了用户界面的响应比本地应用慢得多. 工作原理图 数据交

使用knewcode,用传统C++开发Web网站

一.准备工作 1.编译器gcc Linux(建议Ubuntu 14.04 32位版)下,最新版本需下载源代码自行编译,地址如下, http://gcc.gnu.org/ Windows下,可以直接下载编译版本Mingw,下载地址如下, http://sourceforge.net/projects/mingw-w64/files/Toolchains%20targetting%20Win32/Personal%20Builds/mingw-builds/ Ubuntu下,如不需要最新版本,可用如

支持 out-of-the-box AJAX 的 Web 开发工具控件ASPxperience Suite

ASPxperience Suite 是我们下一代的 Web 开发工具控件,可以为客户带来更多优秀体验,包括导航.数据布局管理以及嵌在 Web 应用程序中的浮动控件的应用.它从底层编写,然后使用支持 ASP.NET 2.0 Framework ,并且完全支持 out-of-the-box AJAX .此产品包含在产品集合 DXperience™ Universal Subscription 中. 具体功能: 包含在 ASPxperience Suite 中的控件只产生少量的 HTML 代码 可以

减少存储过程封装业务逻辑-web开发与传统软件开发的思维模式不同

本篇文章讨论并不是:不要使用存储过程,因为有些事情还是要存储过程来完成,不可能不用.而是关于:"业务逻辑是不是要封装在存储过程中实现,这样子php.java等就是调用存储过程". 业务逻辑,通俗说就是:比如要取数据的操作,取出会员编号为x的数据,原来我们一般是封装成函数,或者直接编写sql语句查询.现在是交给数据库的存储过程去完成. +------------------------------------------------------------ 写这篇文章的缘由 +-----

[原创]颠覆传统网站开发模式的web服务器

Jerry Server - 正式版1.0.0 文档 之前发过一篇文章,当时的想法现在看来真的不是很明确,得到了很多批评.不过,批评有利有弊,由此我又仔细思考了很多,最终明确了自己究竟要做什么.特厚着脸皮发出正式版文档! 1.缘由 以Java web举例,现在的网站系统开发模式,对于web端和服务端的数据交互以及页面渲染,无外乎两种: 第一种是交给后端处理,Jsp,Freemark模板引擎之流,这种开发模式需要前端人员做好静态页面交给后端去处理一些其它工作.这种开发模式到如今也依旧流行,这也是招

Web开发入门不得不看

如今,各种互联网的Web应用程序层出不穷,那么如何快速入门,成长为一个优秀的Web开发工作者呢? 这个问题不容易回答,几乎所有的培训机构都不能清晰地解答. 所以对于Web开发刚刚入门的菜鸟们,我觉得只有通过去做,去实验,学会Web开发,可能是学着学着,实验着实验着就会了. 没有人告诉你如何去做.我学习的时候,我的导师只是给了我一堆视频,一堆文档.我们从明确一个目标开始:"哦,这个阶段,我要独立完成一个简单的Web应用程序,例如新闻发布系统". 或许学会如何开发Web应用程序只是在完成这

为什么做java的web开发我们会使用struts2,springMVC和spring这样的框架?

今年我一直在思考web开发里的前后端分离的问题,到了现在也颇有点心得了,随着这个问题的深入,再加以现在公司很多web项目的控制层的技术框架 由struts2迁移到springMVC,我突然有了一个新的疑问无法得到正确的解释,为什么我们现在做java的web开发,会选择struts2或 者springMVC这样的框架,而不是使用servlet加jsp这样的技术呢?特别是现在我们web的前端页面都是使用velocity这样的模板语 言进行开发,抛弃了jsp,这样的选择又会给我们java的web开发带

[Java Web] 1\Web开发初识——一大堆历史和技术名词

LZ前言 LZ最近发现网络真是个神奇的东西,以前做的好玩的只能自娱自乐(或者说顾影自怜),现在只要发一个帖子,写一个博客,很快能引来一大群小伙伴的围观(有时候还能遇见几个大牛给个战略性的指导)...LZ本来是搞硬件的:从CPU的制造(VHDL).数电.模电再到计算机组成原理.汇编.接口技术,底层的东西算是走马观花地懂了点皮毛,正好大一的时候又了解一点计算机的编程知识(当时第一次用C++Build写出来个Hollo World那个欣喜呀~后来又从win32学到MFC再到C#,嘿嘿,基本上还是皮毛吧

Web开发技术发展历史

Web开发技术发展历史 来自:天码营 原文:http://www.tianmaying.com/tutorial/web-history Web的诞生 提到Web,不得不提一个词就是"互联网".Web是World Wide Web的简称,中文译为万维网."万维网"和我们经常说的"互联网"是两个联系极其紧密但却不尽相同的概念.今天"互联网"三个字已经承载了太多的内涵,提到互联网,我们通常想到的一种战略思维,或者是一种颠覆传统的商