同步ajax请求(ajax请求的五个步骤)

同步ajax请求(ajax请求的五个步骤)

一.什么是同步请求:(false)

同步请求即是当前发出请求后,浏览器什么都不能做,必须得等到请求完成返回数据之后,才会执行后续的代码,相当于是排队,前一个人办理完自己的事务,下一个人才能接着办。也就是说,当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面处于一个假死状态,当这个AJAX执行完毕后才会继续运行其他代码页面解除假死状态(即当ajax返回数据后,才执行后面的function2)。

同步:提交请求->等待服务器处理->处理完毕返回 这个期间客户端浏览器不能干任何事异步: 请求通过事件触发->服务器处理(这是浏览器仍然可以作其他事情)->处理完毕同步需要等待返回结果才能继续,异步不必等待,一般需要监听异步的结果。

二.什么是异步请求:(true)

异步请求就当发出请求的同时,浏览器可以继续做任何事,Ajax发送请求并不会影响页面的加载与用户的操作,相当于是在两条线上,各走各的,互不影响。

一般默认值为true异步。异步请求可以完全不影响用户的体验效果,无论请求的时间长或者短,用户都在专心的操作页面的其他内容,并不会有等待的感觉。

简单来说同步是在一条直线上的队列,异步不在一个队列上各走各的。

Ajax 同步和异步区别?

我们在使用 ajax 一般都会使用异步处理。

异步处理:我们通过事件触发到 ajax,请求服务器,在这个期间无论服务器有没有响应,客户端的其他代码一样可以运行。

同步处理:我们通过实践触发 ajax,请求服务器,在这个期间等待服务器处理请求, 在这个期间客户端不能做任何处理。当 ajax 执行完毕才会继续执行其他代码。

以jquery 的 async:false,这个属性

默认是true:异步,false:同步。举例:

同步就是你叫我去吃饭,我听到了就和你去吃饭;如果没有听到,你就不停的叫,直到我告诉你听到了,才一起去吃饭。

异步就是你叫我,然后自己去吃饭,我得到消息后可能立即走,也可能等到忙完才去吃饭。

AJAX中根据async的值不同分为同步(async = false)和异步(async = true)

$.ajax({ type: "post", url: "path", cache:false, async:false, dataType: ($.browser.msie) ? "text" : "xml", success: function(xmlobj){ function1(){}; } });function2(){};

默认情况下async是true
同步和异步有什么不同:

异步:在异步模式下,当我们使用AJAX发送完请求后,可能还有代码需要执行。这个时候可能由于种种原因导致服务器还没有响应我们的请求,但是因为我们采用了异步执行方式,所有包含AJAX请求代码的函数中的剩余代码将继续执行。如果我们是将请求结果交由另外一个JS函数去处理的,那么,这个时候就好比两条线程同时执行一样。

同步:在同步模式下,当我们使用AJAX发送完请求后,后续还有代码需要执行,我们同样将服务器响应交由另一个JS函数去处理,但是这时的代码执行情况是:在服务器没有响应或者处理响应结果的JS函数还没有处理完成return时,包含请求代码的函数的剩余代码是不能够执行的。就好比单线程一样,请求发出后就进入阻塞状态,直到接触阻塞余下的代码才会继续执行。

看以下代码:

var flag=true;var index=0;$.ajax({ url: "", success: function(data){ flag=false; } });while(flag){ index++;}alert(index);最终程序进入了一个死循环看以下代码:var flag=true;$.ajax({ url: "", success: function(data){ flag=false; } });alert(flag);

最终结果是true

js是单线程的,由于执行ajax请求会消耗一定的时间,甚至出现了网络故障而迟迟得不到返回结果;这时,如果同步执行的话,就必须等到ajax返回结果以后才能执行接下来的代码,如果ajax请求需要1分钟,程序就得等1分钟。如果是异步执行的话,在等在server端返回的这个过程中,前台会会继续执行ajax块后面的脚本,直到server端返回正常的结果才会执行success,这时候执行的是两个线程,ajax块发出请求后一个线程和ajax块后面脚本

var flag=true;var index=0;$.ajax({ url: "", async:false, success: function(data){ flag=false; } });while(flag){ index++;}alert(index);

最终结果是0


素材湾 - 分享精品教程和短视频等各种资源素材

你可能感兴趣的资源:

  • 粒状纹理老式照片效果ps特效滤镜样机 Old Ink Printer Design Effect
  • Martyr 超酷逼真失真磨砂毛玻璃纹理模糊堆叠效果PS模板动作包
  • 【引流必备】QQ强制聊天脚本,支持筛选/发送文字功能,不支持多开【协议版】
  • procreate笔刷-荧光亮光粉色霓虹灯纹理效果文字笔刷素材
  • Myriad Pro无衬线英文字体,40种字重完整版
  • 新潮炫彩抽象透明水泡肥皂气泡海报背景PNG免抠元素设计素材
  • 动作手势卡通手绘插画
  • 复古趣味新艺术迷幻Y2K标题logo排版西文英文手写衬线字体Red Kindred – Retro Display Font
  • 室内场景创意视觉海报样机 City Poster Mockup
  • 15款高级混凝土背景化妆品软管按压瓶面霜包装瓶设计PS展示贴图样机模板 Cosmetic Mockup Bundle
  • 10个地形线条地图PS笔刷
  • 复古情绪氛围感私房写真人像摄影LR调色预设 Dvlop - Joao Guedes - Diaries Presets
  • Pangram Pangram® 全部40种字体,共499 种样式!字体+样机PSD模型 PP®F Starter Pack 5.2
  • 婴儿派对矢量文本/文字效果样式素材v40 Text Effect Vol 40
  • 背景素材-全息纹理效果渐变色背景图片素材

  • 原文链接:https://www.wkfco.com/zatan/9031.html,转载请注明出处。

    0

    评论0

    请先