聊一聊Ajax的优缺点

Ajax，全称 Asynchronous Javascript and XML，是一个动态的WEB应用的开发技术，它的出现丰富了用户的体验。甚至用Ajax开发的WEB应用可以达到桌面应用程序的体验。当然，和其他技术一样Ajax同样也有其自身的优点和缺点。

使用Ajax的优点

1. 提升用户体验

提升用户体验这是使用Ajax最重要的原因之一。Ajax允许Web页面向服务端请求少量的数据来达到连续不断更新，使用这种方法就可以只刷新部分页面而不用重新加载整个页面。传统的WEB页面是通过重新加载整个页面来达到更新页面数据的效果的，即使需要更新的数据很少。所以说Ajax的使用提升了浏览器的性能并且通过这种响应式的用户体验大大提升了浏览的速度。

2. 提高工作效率

Ajax类库提供了很多的面向对象模式的辅助函数，这些类库大大提高了开发速度减少在开发过程中碰到的障碍。此外在很多成熟的框架中都有自己的数据层、业务层还有视图层，所以Ajax只需要一个特定的Ajax服务和在客户端的一些改进就可以实现想要的功能。这种方式的架构减少了在程序部署上话费的时间，并且提高了开发人员的工作效率。

3. 减少带宽的使用并且提升了访问速度

Ajax是使用客户端脚本和Web服务端进行交互，使用javascript来交换数据。使用Ajax可以减轻网络负载、减少带宽的使用并且只请求需要的数据，这些方面都是加快响应时间必要的因素。响应时间缩短了，性能和速度自然也就有很大的提高了。

4. 很好的兼容性

由于Ajax是客户端技术，所以对于常用的服务端编程语言来说，都可以实现Ajax服务端，比如：PHP、Java、ASP.NET、node.js等等。并且几乎所有的浏览器都支持Ajax。

5. 支持异步处理

通过使用XmlHttpRequest异步获取数据是Ajax的主要特点。在请求未被执行完之前，程序是可以继续向下执行的，在请求返回之后再去执行相应的操作。这样的机制正是提升Web性能的最主要的原因。

6. 使页面内容切换更简单

Ajax使得不同内容切换变得更加简单直观，用户不需要再使用浏览器上传统形式的回退和前进按钮来实现页面的前进和后退功能了。

使用Ajax的缺点

1. 浏览器之间的不兼容性

Ajax对于Javascript有很大的依赖性，因此在不同的浏览器上面的实现方式也是有所不同的。这就表明如果想跨浏览器实现Ajax那就必须对其进行相应的处理。如果有的浏览器不支持Javascript抑或是禁止了Javascript的此选项，那此浏览器就不支持Ajax，因此先前写的Ajax的功能在这类浏览器上就没有办法实现。正是由于Ajax依赖于Javascript的这一特性，所以Ajax不适合应用于手机端的应用。

2. 不安全

由于网页是很难调试的，因此随着你的代码量的增加，你的网页面临着越来越严重的威胁。

3. 增加了Web服务器的负载量

如果你在网页中增加了每隔几秒就自动向服务器请求更新数据的功能，那你的服务器的负载就会越来越大，严重的可能还会使服务器崩溃。

没错每一门技术既然有其优于其他同类技术的优点，那肯定也会存在相应的缺点，至于使用与否那取决于我们实际的项目需要，在实际工作中去衡量。

赞 (0)

相关推荐

  • 浅析Ajax的 原理及优缺点

    1.ajax技术的背景 不可否认,ajax技术的流行得益于google的大力推广,正是由于google earth.google suggest以及gmail等对ajax技术的广泛应用,催生了ajax的流行.而这也让微软感到无比的尴尬,因为早在97年,微软便已经发明了ajax中的关键技术,并且在99年IE5推出之时,它便开始支持XmlHttpRequest对象,并且微软之前已经开始在它的一些产品中应用ajax,比如说MSDN网站菜单中的一些应用.遗憾的是,不知道出于什么想法,当时微软发明了aja

  • js jquery ajax的几种用法总结(及优缺点介绍)

    这篇文章,是我不知道什么是ajax到熟练运用ajax的一个历程. 一,最原始的方式来运用ajax 复制代码 代码如下: <SCRIPT language=javascript>var xmlHttp; function createXMLHttpRequest() { if (window.ActiveXObject) {xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");}else if (window.XMLHttpRequ

  • ajax原理总结附简单实例及其优点

    在工作中用了Ajax N多次了,也看过一些相关方面的书籍,也算是认识了它,但是一直没有认真总结和整理过相关的东东,失败! 近有闲情,将之总结如下: [名称] Ajax是Asynchronous JavaScript and XML(以及 DHTML 等)的缩写. 详情请移步Ajax: A New Approach to Web Applications [原理] 简单一些,就是通过使用XmlHttpRequest对象向服务器发送异步请求,获取返回的数据,并使用Javascript和DOM操作页面

  • 浅谈Ajax相关及其优缺点

    AJAX,即Asynchronous Javascript And XML,可实现无刷新状态更新页面和异步提交 优点: 不需要插件支持 用户体验极佳 提升Web程序性能 减轻服务器和宽带的负担 缺点: 前进后退按钮被破坏 搜索引擎的支持不够 开发调试工具缺乏 同步和异步 同步:也就是必须一件一件事做,等前一件做完了才能做下一件事 异步:不需要等到前一件事做完,可多事同做 JQuery对AJAX进行了三层封装 最底层:封装了基础Ajax一些操作: 全局方法:$.ajax() 提交的数据在data中

  • 简述Ajax的优点与缺点

    ajax的优点 Ajax的给我们带来的好处大家基本上都深有体会,在这里我只简单的讲几点: 1.最大的一点是页面无刷新,在页面内与服务器通信,给用户的体验非常好. 2.使用异步方式与服务器通信,不需要打断用户的操作,具有更加迅速的响应能力. 3.可以把以前一些服务器负担的工作转嫁到客户端,利用客户端闲置的能力来处理,减轻服务器和带宽的负担,节约空间和宽带租用成本.并且减轻服务器的负担,ajax的原则是"按需取数据",可以最大程度的减少冗余请求,和响应对服务器造成的负担. 4.基于标准化的

  • 聊一聊Ajax的优缺点

    Ajax,全称 Asynchronous Javascript and XML,是一个动态的WEB应用的开发技术,它的出现丰富了用户的体验.甚至用Ajax开发的WEB应用可以达到桌面应用程序的体验.当然,和其他技术一样Ajax同样也有其自身的优点和缺点. 使用Ajax的优点 1. 提升用户体验 提升用户体验这是使用Ajax最重要的原因之一.Ajax允许Web页面向服务端请求少量的数据来达到连续不断更新,使用这种方法就可以只刷新部分页面而不用重新加载整个页面.传统的WEB页面是通过重新加载整个页面

  • Ajax工作原理及优缺点实例解析

    1.Ajax是什么? 全称是 asynchronous javascript and xml,是已有技术的组合,主要用来实现客户端与服务器端的异步通信效果(无需重新加载整个网页的情况下),实现页面的局部刷新. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新,用于创建快速动态网页. 早期的浏览器并不能原生支持 ajax,可以使用隐藏帧(iframe)方式变相实现异步效果,后来的浏览器提供了对 ajax 的原生支持. 2. Ajax的工作原理 使用 Ajax 原生方式发送请求主

  • Ajax入门学习教程（一）

    Ajax入门学习教程（一）

    1 什么是AJAX AJAX(Asynchronous JavaScript And XML)翻译成中文就是"异步Javascript和XML".即使用Javascript语言与服务器进行异步交互,传输的数据为XML(当然,传输的数据不只是XML). AJAX还有一个最大的特点就是,当服务器响应时,不用刷新整个浏览器页面,而是可以局部刷新.这一特点给用户的感受是在不知不觉中完成请求和响应过程. 与服务器异步交互: 浏览器页面局部刷新: 2. 同步交互与异步交互 同步交互:客户端发出一个

  • AJAX 简介及入门实例

    对于一个像我一样刚刚接触Web开发且无多少实际项目经验的新手而言,AJAX技术显得复杂而又深奥.经过两天的baidu.google,我对AJAX的基本原理有了一个大致的认识,在此总结一下. 1. 什么是AJAX? AJAX全称是异步的JavaScript和XML,是Asynchronous JavaScript and XML的缩写.AJAX技术用于创建交互式网页应用的网站开发,至于何为异步,后文会有解释. 1.1 桌面应用程序和Web应用程序 在详细讨论AJAX技术之前,需要先知道AJAX技术

  • 轻松理解JavaScript之AJAX

    摘要 AJAX技术是网页构建的必备技能之一,本文希望能帮助大家轻松的学习这项技术 一.什么是ajax? ajax(异步javascript xml) 能够刷新局部网页数据而不是重新加载整个网页. 二.如何使用ajax? 第一步:创建xmlhttprequest对象 创建xmlhttprequest对象,XMLHttpRequest对象用来和服务器交换数据. var xmlhttp =new XMLHttpRequest(); 第二步:注册回调函数 onreadystatechange函数,当服务

  • JS实现的ajax和同源策略(实例讲解)

    JS实现的ajax和同源策略(实例讲解)

    一.回顾jQuery实现的ajax 首先说一下ajax的优缺点 优点: AJAX使用Javascript技术向服务器发送异步请求: AJAX无须刷新整个页面: 因为服务器响应内容不再是整个页面,而是页面中的局部,所以AJAX性能高: jquery 实现的ajax index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <t

  • Django 通过JS实现ajax过程详解

    ajax的优缺点 AJAX使用Javascript技术向服务器发送异步请求 AJAX无须刷新整个页面 因为服务器响应内容不再是整个页面,而是页面中的局部,所以AJAX性能高 小练习:计算两个数的和 方式一:这里没有指定contentType:默认是urlencode的方式发的 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

  • PHP/Javascript/CSS/jQuery常用知识大全详细整理第1/2页

    1. 变量如何定义?如何检查变量是否定义?如何删除一个变量?怎样检测变量是否设置?       $定义   isset()// 检测变量是否设置        defined()// 检测常量是否设置       unset()//销毁指定的变量       empty()// 检测变量是否为空 2. 什么是可变变量?       一个变量的变量名可以动态的设置和使用.       $a = 'hello' , $$a = 'world',  ${$a}=hello world3. 变量赋值方式

  • AJAX工作原理及优缺点详解

    AJAX 是一种用于创建快速动态网页的技术.通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 一.ajax所包含的技术 大家都知道ajax并非一种新的技术,而是几种原有技术的结合体.它由下列技术组合而成. 使用CSS和XHTML来表示. 使用DOM模型来交互和动态显示. 使用XMLHttpRequest来和服务器进行异步通信. 使用javascript来绑定和调用. 在上面几中技术中,除了XmlHttpReq

随机推荐