Ajax的同步与异步

理解Ajax同步与异步的区别及应用

最新推荐文章于 2025-07-11 17:56:15 发布

转载最新推荐文章于 2025-07-11 17:56:15 发布 · 62 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/professional-NET/p/4660232.html

之前做项目中有遇到就是Ajax的同步与异步的问题，由于Ajax的async默认的设置值为true，属于异步。这个时候就会出现一个问题，就是2段代码如果有关联的话其有一个先后顺序执行的问题，我的下面的代码就是属于这种情况，当时老纠结为什么不是自己预期的效果，后来将async的属性值改为false后，属于同步。运行终于达到了预期的效果，经历过后还得记下来总结经验：

转载于:https://www.cnblogs.com/professional-NET/p/4660232.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30410999

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Ajax 同步与异步

流楚丶格念的博客

01-26

5112

同步与异步单词二者定义同步与异步的区别同步请求异步请求同步与异步时间比较time.phpSync-vs-Async.html 单词 synchronization 英 [ˌsɪŋkrənaɪ’zeɪʃ(ə)n] 美 [ˌsɪŋkrənaɪ’zeɪʃ(ə)n] n. 同时; 同时性; 同步; 同期[步]录音; asynchronization 英 [eɪˈsɪŋkrənaɪ’zeɪʃ(ə)n] 美 [eɪˈsɪŋkrənaɪ’zeɪʃ(ə)n] n. 异步化; 二者定义关于同步与异步的概念在

jq ajax同步异步,详解JQuery中Ajax的同步与异步

weixin_39729840的博客

08-05

3549

说到ajax同步与异步，可能很多同学对它都不是很了解，接下来我们就Ajax的同步与异步作个简单的介绍。同步：提交请求->等待服务器处理->处理完毕返回这个期间客户端浏览器不能干任何事。异步:请求通过事件触发->服务器处理(这是浏览器仍然可以作其他事情)->处理完毕。下面我们来做一个简单的比喻 ——1、一心一意：当前只能做一件事，其他事情必须等当前的事情完成，才能继续后面的事...

参与评论您还未登录，请先登录后发表或查看评论

ajax同步与异步

thebigbuding的博客

02-18

489

什么是同步和异步会用在什么地方？ ajax同步的方法什么是同步和异步？所谓同步，就是在发出一个调用时，在没有得到结果之前，该调用就不返回。但是一旦调用返回，就得到返回值了。换句话说，就是由调用者主动等待这个调用的结果。而异步则是相反，调用在发出之后，这个调用就直接返回了，所以没有返回结果。换句话说，当一个异步过程调用发出后，调用者不会立刻得到结果。而是在调用发出后，被调用者通过状态、通知来通

ajax 同步与异步原理剖析

liuy1234的博客

01-01

583

一、简介 JS/AJAX算是比较老的技术了，工作中也经常用到，但是一直注意总结。今天正好有时间系统复习一遍，顺便也做个总结。二、ajax是什么？ ajax 是 asynchronous javascript and xml （异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。 ajax可以使用JS异步访问服务器。（1）同步发送一个请求...

ajax同步与异步 -- 异步与页面刷新

Nishino_shou的博客

04-08

1586

最近在做自动登录时访问数据的封装，其中涉及到了跟资产相关的房间信息，封装操作在登录时加载，应用到了H5在浏览器中的localStorage,不了解的话可以先行百度一下。此时遇到一个问题，例如资产房间进行了增删改，对应的缓存也是要进行同步刷新的，不然其他地方获取的仍然是之前的数据。最开始考虑到的是在执行增删改的接口返回success时调用对应的缓存刷新封装方法。图中红色圈起来的部...

ajax同步和异步的区别

javawebxx的博客

11-09

5839

本文从两个方面讲解了ajax同步和异步的区别，一是从概念上区别，分4点讲解，二是从实际应用出发，分为2点讲解：异步访问的代码详细说明和同步访问的代码详细说明，当页面端提交后，整个页面是不能点击的，必须要等到服务端处理完成后返回到页面端，用户才能继续点击页面，进行下一步操作，这样一个等待的流程叫做同步。

怎么使Ajax设为同步和异步

yuzhochaojiwudib的博客

07-11

428

Ajax（Asynchronous JavaScript and XML）最初的设计就是异步的，这意味着当发送请求时，浏览器不会等待服务器的响应就会继续执行后续的JavaScript代码。然而，有时你可能需要同步请求，即浏览器会等待服务器的响应，然后再继续执行后续的JavaScript代码。但请注意，同步请求可能会阻塞UI，导致不良的用户体验，特别是在网络延迟较高的情况下。总的来说，尽管有时可能需要同步请求，但你应该尽量避免使用它们，并尽可能利用异步请求的优势来提供更好的用户体验。

AJAX同步和异步

天天学安全专属博客

06-23

1284

1.1同步和异步* (一): 同步与异步* 1. 同步: 顺序执行, 优点: 静态预判结果可控, 缺点: 耗时任务阻塞执行* 2. 异步: 乱序执行, 优点: 不会阻塞代码,体验好, 缺点: 顺序不可控* 以银行排队办业务为例* 1. 同步: 默认排队叫号, 依次办理* 2. 异步: 耗时任务(如修改密码忘带身份证)则离开队列, 后面任务继续* 3. 任务队列: 取了身份证回来了, 就待在"任务队列"中等待再次叫号* 哪些是异步任务(耗时)?

ajax同步与异步理解

王东电台

06-08

469

每次都混淆了ajax同步与异步，留此文章同步和异步的区别举个例子：普通B/S模式（同步）AJAX技术（异步）同步：提交请求->等待服务器处理->处理完毕返回这个期间客户端浏览器不能干任何事异步: 请求通过事件触发->服务器处理（这是浏览器仍然可以作其他事情）->处理完毕同步就是你叫我去吃饭，我听到了就和你去吃饭；如果没有听到，你就不停的叫，直到我告诉你听到了

Ajax同步与异步传输的示例代码

09-04

Ajax（Asynchronous JavaScript and XML...理解并掌握Ajax的同步与异步传输对于开发动态、响应式的Web应用至关重要，因为它可以显著提升用户交互的流畅度和效率。在实际应用中，应尽可能使用异步请求，除非有特殊需求。

Ajax同步和异步问题浅析及解决方法

10-20

在文档中提出了两种解决Ajax同步异步问题的方法： 1. 回调函数解决方案：这种方法是在Ajax请求成功完成后，通过回调函数来执行依赖于异步数据返回的操作。例如，在文档提供的代码片段中： ```javascript $.get...

根据虹软实现的人脸检测、追踪、识别、年龄检测、性别检测的JAVA解决方案

09-11

打开下面链接，直接免费下载资源： https://renmaiwang.cn/s/vxfyv (最新版、最全版本)根据虹软实现的人脸检测、追踪、识别、年龄检测、性别检测的JAVA解决方案

matlab YALMIP、GLPK安装资源

09-11

matlab的YALMIP、GLPK安装包，内置YALMIP、GLPK，直接将分别其添加到matlab的toolbox、路径中即可（matlab主页-设置路径-添加并包含子文件夹-YALMIP；matlab主页-设置路径-添加文件夹-github_repo）

【scratch3.0少儿编程-游戏原型-动画-项目源码】打砖块.zip

09-11

资源说明： 1：本资料仅用作交流学习参考，请切勿用于商业用途。 2：一套精品实用scratch3.0少儿编程游戏、动画源码资源，无论是入门练手还是项目复用都超实用，省去重复开发时间，让开发少走弯路！更多精品资源请访问 https://blog.youkuaiyun.com/ashyyyy/article/details/146464041

使用 OpenCV 技术实现人脸检测的方法与过程

09-11

打开下面链接，直接免费下载资源： https://renmaiwang.cn/s/o7o7f 运用 OpenCV 这一计算机视觉库来开展人脸检测相关的操作

随你记微信小程序_专为学生群体设计的便捷收支管理工具_提供快速记录日常开销与收入的功能_支持多维度数据可视化分析_帮助用户清晰掌握个人财务状况_培养理性消费习惯_无需下载安装即用即.zip

最新发布

09-11

一个基于PyQt5的实时人脸识别系统，使用MTCNN进行人脸检测和FaceNet进行人脸特征提取，支持人脸注册、识别和管理功能

09-11

打开下面链接，直接免费下载资源： https://renmaiwang.cn/s/2u8a8 (最新版、最全版本)一个基于PyQt5的实时人脸识别系统，使用MTCNN进行人脸检测和FaceNet进行人脸特征提取，支持人脸注册、识别和管理功能。

运用 opencv 与 tensorflow 实现实时人脸检测的方法

09-11

打开下面链接，直接免费下载资源： https://renmaiwang.cn/s/sxvdc 运用 opencv 与 tensorflow 这两种工具来开展实时性的人脸检测工作

Ajax同步和异步的区别

06-22

<think>我们正在讨论Ajax的同步与异步请求。根据引用内容，我们可以总结如下：1.**定义区别**：-**异步请求（async:true）**：默认模式。发送请求后，JavaScript代码会继续执行，不等待响应。当响应返回时，通过回调函数（如success）处理结果。-**同步请求（async:false）**：发送请求后，JavaScript代码会暂停执行，直到收到响应后才继续执行后续代码。2.**代码执行流程**：-异步请求：不会阻塞UI和脚本执行，请求发送后立即执行后续代码，响应处理在回调函数中进行。-同步请求：会阻塞所有后续代码执行，直到请求完成，这可能导致浏览器假死（UI锁定）。3.**使用场景**：-**异步请求**：适用于大多数场景，特别是需要保持用户界面响应的操作（如：表单提交、数据加载、实时更新等）。因为不会阻塞用户操作，用户体验更好。-**同步请求**：适用于需要确保请求顺序执行或依赖请求结果才能继续执行的场景（如：需要根据第一个请求的结果发送第二个请求，且无法通过回调嵌套实现时）。但应谨慎使用，因为会导致用户体验下降（浏览器卡顿）。4.**代码示例**：-异步请求示例（jQuery）：```javascript$.ajax({type:"POST",url:"some_url",data:{...},async:true,//可省略，默认truesuccess:function(response){//处理响应}});//后续代码立即执行```-同步请求示例（jQuery）：```javascript$.ajax({type:"POST",url:"some_url",data:{...},async:false,//同步请求success:function(response){//处理响应}});//后续代码等待请求结束后执行```5.**注意事项**：-同步请求在最新的Web标准中已被认为是不推荐的做法（deprecated），因为会导致糟糕的用户体验。在jQuery3.0+中，同步请求在主线程已被移除，但仍可在Worker线程中使用。-异步请求通常通过回调函数、Promise或async/await来处理异步流程，以避免回调地狱（CallbackHell）并提高代码可读性。综上所述，优先使用异步请求，除非有特殊需求且了解同步请求的负面影响。§§相关问题§§1.为什么同步请求会导致浏览器假死？2.如何避免使用同步请求？有哪些替代方案？3.在异步请求中如何处理多个依赖的请求（如请求B需要请求A的结果）？4.除了jQuery，现代JavaScript（如FetchAPI）如何处理同步和异步请求？5.同步请求在哪些特定场景下仍然有必要使用？</think>### Ajax 同步与异步的区别及使用场景 #### 一、核心区别 1. **执行机制** - **同步请求**（`async: false`）发送请求后浏览器会**阻塞后续代码执行**，直到收到服务器响应才继续执行后续代码。示例：`console.log('A'); ajaxSyncRequest(); console.log('B')` → 输出顺序：A → 请求完成 → B [^2][^4] - **异步请求**（`async: true`，默认）发送请求后**立即执行后续代码**，服务器响应通过回调函数处理。示例：`console.log('A'); ajaxAsyncRequest(); console.log('B')` → 输出顺序：A → B → 请求完成 [^1][^3] 2. **浏览器行为** - 同步请求会**锁定浏览器UI**（按钮/滚动条失效），导致“假死”现象； - 异步请求保持UI可操作，用户体验更流畅 [^4][^5]。 3. **代码结构差异** ```javascript // 同步请求（阻塞执行） $.ajax({ url: "api/data", async: false, // 关键参数 success: function(data) { console.log("Received:", data); } }); console.log("继续执行"); // 在请求完成后执行 // 异步请求（非阻塞） $.ajax({ url: "api/data", success: function(data) { console.log("Received:", data); } }); console.log("立即执行"); // 不等待请求 ``` #### 二、使用场景 1. **同步请求适用场景** - 需要严格保证执行顺序的操作（如：支付确认需先验证余额再扣款） - 极少数需阻塞用户交互的敏感操作（但应尽量避免）[^1][^4] 2. **异步请求适用场景** - **90%+ 的常见需求**： - 表单提交后局部刷新页面 - 动态加载数据（如无限滚动） - 实时数据更新（股票行情/聊天消息） - 所有需要保持用户界面响应的场景 [^3][^5] #### 三、选择建议 1. **优先使用异步请求**：避免浏览器卡顿，提升用户体验 [^4][^5]。 2. **同步请求谨慎使用**：仅当业务逻辑强依赖即时响应结果时使用，且需控制请求时长 [^1]。 3. **替代方案**： - 用`Promise`/`async/await`管理异步依赖 - 嵌套回调处理顺序逻辑（如：先登录再获取数据） > ⚠️ **注意**：现代浏览器已弃用主线程同步请求，jQuery 3.0+ 中同步选项仅在Web Worker可用 [^4]。