Ajax的优缺点以及异步和同步的区别
一、背景
上午时候同事问我这两个问题,其实大家都知道ajax的优点是不刷新页面加载,用户体验好,缺点是不安全之类的。但是并不能用很专业的术语来表述这些问题。这里记录一下。
二、Ajax的工作原理
1、什么ajax
AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是一种创建交互式网页应用的网页开发技术。
2、ajax的工作原理
Ajax的工作原理相当于在用户和服务器之间加了—个中间层(AJAX引擎),使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器,像—些数据验证和数据处理等都交给Ajax引擎自己来做, 只有确定需要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求。
三、ajax的优点和缺点
1、ajax的优点
(1)无刷新更新数据。
AJAX最大优点就是能在不刷新整个页面的前提下与服务器通信维护数据。这使得Web应用程序更为迅捷地响应用户交互,并避免了在网络上发送那些没有改变的信息,减少用户等待时间,带来非常好的用户体验。
(2)异步与服务器通信。
AJAX使用异步方式与服务器通信,不需要打断用户的操作,具有更加迅速的响应能力。优化了Browser和Server之间的沟通,减少不必要的数据传输、时间及降低网络上数据流量。
(3)前端和后端负载平衡。
AJAX可以把以前一些服务器负担的工作转嫁到客户端,利用客户端闲置的能力来处理,减轻服务器和带宽的负担,节约空间和宽带租用成本。并且减轻服务器的负担,AJAX的原则是“按需取数据”,可以最大程度的减少冗余请求和响应对服务器造成的负担,提升站点性能。
(4)基于标准被广泛支持。
AJAX基于标准化的并被广泛支持的技术,不需要下载浏览器插件或者小程序,但需要客户允许JavaScript在浏览器上执行。随着Ajax的成熟,一些简化Ajax使用方法的程序库也相继问世。同样,也出现了另一种辅助程序设计的技术,为那些不支持JavaScript的用户提供替代功能。
(5)界面与应用分离。
Ajax使WEB中的界面与应用分离(也可以说是数据与呈现分离),有利于分工合作、减少非技术人员对页面的修改造成的WEB应用程序错误、提高效率、也更加适用于现在的发布系统。
2、ajax的缺点
(1)AJAX干掉了Back和History功能,即对浏览器机制的破坏。
在动态更新页面的情况下,用户无法回到前一个页面状态,因为浏览器仅能记忆历史记录中的静态页面。一个被完整读入的页面与一个已经被动态修改过的页面之间的差别非常微妙;用户通常会希望单击后退按钮能够取消他们的前一次操作,但是在Ajax应用程序中,这将无法实现。
后退按钮是一个标准的web站点的重要功能,但是它没法和js进行很好的合作。这是Ajax所带来的一个比较严重的问题,因为用户往往是希望能够通过后退来取消前一次操作的。那么对于这个问题有没有办法?答案是肯定的,用过Gmail的知道,Gmail下面采用的Ajax技术解决了这个问题,在Gmail下面是可以后退的,但是,它也并不能改变Ajax的机制,它只是采用的一个比较笨但是有效的办法,即用户单击后退按钮访问历史记录时,通过创建或使用一个隐藏的IFRAME来重现页面上的变更。(例如,当用户在Google Maps中单击后退时,它在一个隐藏的IFRAME中进行搜索,然后将搜索结果反映到Ajax元素上,以便将应用程序状态恢复到当时的状态。)
但是,虽然说这个问题是可以解决的,但是它所带来的开发成本是非常高的,并与Ajax框架所要求的快速开发是相背离的。这是Ajax所带来的一个非常严重的问题。
一个相关的观点认为,使用动态页面更新使得用户难于将某个特定的状态保存到收藏夹中。该问题的解决方案也已出现,大部分都使用URL片断标识符(通常被称为锚点,即URL中#后面的部分)来保持跟踪,允许用户回到指定的某个应用程序状态。(许多浏览器允许JavaScript动态更新锚点,这使得Ajax应用程序能够在更新显示内容的同时更新锚点。)这些解决方案也同时解决了许多关于不支持后退按钮的争论。
(2)AJAX的安全问题。
AJAX技术给用户带来很好的用户体验的同时也对IT企业带来了新的安全威胁,Ajax技术就如同对企业数据建立了一个直接通道。这使得开发者在不经意间会暴露比以前更多的数据和服务器逻辑。Ajax的逻辑可以对客户端的安全扫描技术隐藏起来,允许黑客从远端服务器上建立新的攻击。还有Ajax也难以避免一些已知的安全弱点,诸如跨站点脚步攻击、SQL注入攻击和基于Credentials的安全漏洞等等。
(3)对搜索引擎支持较弱。
对搜索引擎的支持比较弱。如果使用不当,AJAX会增大网络数据的流量,从而降低整个系统的性能。
(4)破坏程序的异常处理机制。
至少从目前看来,像Ajax.dll,Ajaxpro.dll这些Ajax框架是会破坏程序的异常机制的。关于这个问题,曾在开发过程中遇到过,但是查了一下网上几乎没有相关的介绍。后来做了一次试验,分别采用Ajax和传统的form提交的模式来删除一条数据……给我们的调试带来了很大的困难。
(5)违背URL和资源定位的初衷。
例如,我给你一个URL地址,如果采用了Ajax技术,也许你在该URL地址下面看到的和我在这个URL地址下看到的内容是不同的。这个和资源定位的初衷是相背离的。
(6)AJAX不能很好支持移动设备。
一些手持设备(如手机、PDA等)现在还不能很好的支持Ajax,比如说我们在手机的浏览器上打开采用Ajax技术的网站时,它目前是不支持的。
(7)客户端过肥,太多客户端代码造成开发上的成本。
编写复杂、容易出错 ;冗余代码比较多(层层包含js文件是AJAX的通病,再加上以往的很多服务端代码现在放到了客户端);破坏了Web的原有标准。
四、ajax同步和异步的区别
1、同步
发送方发出数据后,等接收方发回响应以后才发下一个数据包的通讯方式。
例如:用户填写所有信息后,提交给服务器,等待服务器的回应(检验数据),是一次性的。信息错误又要重新填写!
2、异步
是指:发送方发出数据后,不等接收方发回响应,接着发送下个数据包的通讯方式。
例如:当用户填写完一条信息后,该信息会自动向服务器提交,然后服务器响应客户端,在此过程中,用户依然在填写表格的信息,即向服务器请求多次,节省了用户的时间,提高了用户的体验。
3、区别:
同步请求比着异步请求少了个XMLhttpRequest对象。在用户体验方面,异步的用户体验更好一些。
4、建立异步请求的步骤
a:new一个XHR对象b:调用open方法c:send一些数据d:对过程进行监听,来知道服务器是不是正确地做出了响应,接着可以做一些事情
参考链接:
AJAX工作原理及其优缺点
Ajax之同步请求和异步请求的区别
end
Ajax的优缺点以及异步和同步的区别相关推荐
- js异步和同步的区别
js异步和同步的区别 一.单线程和异步: dom渲染中js必须停止,js进行过程中dom渲染必须停止 单线程是异步出现的一个背景 二.异步和同步: 异步的例子,在定时器1s内,会输出300 而在同步中 ...
- Java 异步与同步的区别
同步: 所有操作完成之后,才会通知用户操作完成了. 异步:不用等所有操作完成之后,就会通知用户操作完成了,然后后台会继续操作直到完成结束. 为了方便理解 举例个常见的 android 网络请求使用的异 ...
- ajax什么是异步和同步,ajax异步和同步的区别
AJAX异步 打个比方吧,通常情况下,用户注册,那么用户首先得填写好表单,然后点提交,这样表单就会向服务发出一个请求,则服务器处理代码,如果用户存在,则返回一个信息.总之,就是所有的数据需要你点提交后 ...
- AJAX中的请求方式以及同步异步的区别
请求方式,分为GET与POST: GET 最为常见的HTTP请求,普通上网浏览页面就是GET.GET方式的参数请求直接跟在URL后,以问号开始.(JS中用window.location.searc ...
- 前端请求异步与同步的区别
用jQuery的ajax做一个简单的例子,其他类型(如:axios)同理,看代码 异步方式: $(function() { $.ajax({ type : 'post', async : true, ...
- js异步与同步的区别
你应该知道,javascript语言是一门"单线程"的语言,不像java语言,类继承Thread再来个thread.start就可以开辟一个线程,所以,javascript就像一条 ...
- Android异步和同步的区别
答案一: 1.同步执行的话,就是程序会呆板地从头执行到尾,耗时间的东西不执行完,程序不会继续往下走,等待时间长的话,有时候就会造成失去响应了. 2.异步的好处,就是把一些东西,特别是耗时间的东西扔到后 ...
- 串口异步和同步的区别_伺服电机、步进电机,同步电机和异步电机区别这么大,看完理解了...
同步电动机与异步电动机 原理: 同步电机就是靠励磁电流运行的,如果没有励磁,电机就是异步的.励磁是加在转子上的直流系统,它的旋转速度和极性与定子是一致的,如果励磁出现问题,电动机就会失步,调整不过来, ...
- js 异步和同步的区别
2019独角兽企业重金招聘Python工程师标准>>> 异步会打乱执行顺序 console.log( "1" ); setTimeout(function() { ...
最新文章
- [每天五分钟,备战架构师-10]数据库系统
- PCIE4.0 简单介绍
- 结构体为什么要4字节对齐
- ios一个app调起另一个app_电商app开发价格:制作一个电商app需要多少钱?
- linux脚本中怎么直接替换,linux-如何快速替换IP
- Springboot 传递 List「Long」 IdList
- 留给星巴克的时间不多了
- Delphi 下用Windows API 创建窗体
- php完成润年判定程序编写,python闰年判定代码是什么
- 类的可访问性(C++)
- PNP型三极管s9012驱动共阳极数码管
- FAST-LIO2代码解析(四)
- linux怎么关闭超线程模式,Linux动态启用/禁用超线程技术的方法详解
- 低效程序员的9个坏习惯
- Web前端面试常见问题
- lua 5.3.5 TValue::tt_和GCObject::tt之间的爱恨纠葛
- linux下强制覆盖的密令
- 《Effective C++》第三版 第六章 继承与面向对象设计 32~35条例
- Linux环境go项目启动提示/usr/bin/ld: cannot find -lxxx
- 安装SSL证书可以解决浏览器提示的不安全警告
热门文章
- “{”: 未找到匹配令牌
- linux下安装boost
- FFmpeg将Jpeg 编码到视频中
- Using AVStream.codec.time_base as a timebase hint to the muxer is deprecated
- 目标检测算法综述 | 基于候选区域的目标检测器 | CV | 机器视觉
- 32边界的链码表示MPP算法MATLAB实现
- 详解协方差与协方差矩阵
- ubuntu安装vmware(支持mac)与卸载
- http://blog.csdn.net/chrisniu1984/article/details/12050951
- 25 进程同步之Event