如何设置ajax为同步

ajax分为同步和异步。一般使用异步，异步不会使页面阻塞，用户体验较好。但是异步会使编写js程序的复杂度提高，对新手来说很可能由于玩不转异步导致各种bug。
下面介绍ajax同步的使用方法，不过也要尽量把所有ajax都写成异步的。

操作方法

  • 01

    页面引入一个jquery

  • 02

    在ajax的参数中增加一个async: false参数可以发送同步ajax请求。 $.ajax({ url: '', async: false });

  • 03

    选择发送前，执行ajax后，发送成功后3个时间点，来测试输出顺序，证明是同步请求。 console.log(1); $.ajax({ url: '', async: false, success: function() { console.log(2); } }); console.log(3);

  • 04

    现在去掉async: false来对比一下，仍然测试他们的输出顺序。 发现输出顺序没有按代码顺序来，这就是异步。 console.log(1); $.ajax({ url: '', success: function() { console.log(2); } }); console.log(3);

  • 05

    为什么说异步更加复杂呢？看下面的代码，这段代码的2和3的输出顺序无法确定谁在前面 console.log(1); $.ajax({ url: '', success: function() { console.log(2); } }); $.ajax({ url: '', success: function() { console.log(3); } }); console.log(4);

  • 06

    如果再出现嵌套，更加无法预测顺序 console.log(1); $.ajax({ url: '', success: function() { console.log(2); $.ajax({ url: '', success: function() { console.log(3); } }); } }); $.ajax({ url: '', success: function() { console.log(4); $.ajax({ url: '', success: function() { console.log(5); } }); } }); console.log(6);

  • 07

    对比同步ajax代码，发现输出顺序完全是代码顺序，更容易理解和编写

  • 08

    但是同步代码的缺点是，等待ajax请求响应之前，页面会卡住，用户什么都做不了，感受很不好，就像浏览器崩溃或者死机似的。所以同步ajax代码不适合应用到正式产品中。

赞 (0)

相关推荐

  • Win10怎么设置邮件自动同步

    想必很多用户都已经成功升级了win10,win10系统相比之前的系统原有的很多设置都进行了改变,例如邮箱自动同步功能,可能一些朋友在win10中不知道怎么设置邮件同步,那么Win10怎么设置邮件自动同 ...

  • 电脑如何设置百度云同步盘的同步文件夹

    随着云技术的日益推广,我们可以将文件资料上传到云空间上,而百度云就受到很多用户的喜爱.我们可以借助百度云同步盘,将存储在云空间的文件同步到本地电脑.那么,在[color=#070c0 !importa ...

  • 同步助手怎么设置铃声？同步助手设置手机铃声的方法介绍

    同步助手怎么设置铃声?同步助手是一款全面管理iPhone.iPad.安卓手机等移动设备的手机助手.它可以帮助用户清理手机垃圾.设置手机铃声等.那么,请问用同步助手怎么设置iphone的铃声呢?下面是小 ...

  • PPT图表怎么设置根据excel同步变化?

    ppt中制作的图表想要根据excel表格中的数据变化而发生变化,该怎么设置呢?下面我们就来看看详细的教程. 1.打开一个Excel,我们随意做一个表,我们插入一个柱状图到表格. 2.然后打开一个PPT ...

  • 如何给华为手机设置自动云同步的相册?

    如何给华为手机设置自动云同步的相册?

    华为手机作为国产良心手机,使用人数绝对不少,你可能不知道,使用用华为手机云同步功能时,可以设置自动云同步的相册,这样子可以防止误删许多珍贵的照片,下面小编就介绍一下设置方法.具体如下:1.第一步,打开 ...

  • 如何将QQ浏览器手机端的屏幕显示方向设置与系统同步

    如何将QQ浏览器手机端的屏幕显示方向设置与系统同步

    当我们想要在使用手机QQ浏览器时的屏幕显示方向跟随系统该怎么办呢?接下来就由小编来告诉大家.具体如下:1.第一步,打开手机并在桌面上点击打开QQ浏览器,进入主页后点击下方的三横菜单按钮2.第二步,在弹 ...

  • 使用同一id的两个苹果iPhone手机怎样设置不自动同步

    使用同一id的两个苹果iPhone手机怎样设置不自动同步

    今天给大家介绍一下使用同一id的两个苹果iPhone手机怎样设置不自动同步的具体操作步骤.1. 首先打开手机,找到桌面上的设置图标,点击进入设置页面,然后点击页面上方的第一个选项,进入个人中心.2. ...

  • 怎么给百度地图app设置开启自动同步轨迹

    怎么给百度地图app设置开启自动同步轨迹

    今天给大家介绍一下怎么给百度地图app设置开启自动同步轨迹的具体操作步骤.1. 解锁手机后,找到桌面上的百度地图APP,打开.2. 进入主页面后,点击页面左上角的个人头像图标.3. 进入个人中心,找到 ...

  • 如何在电脑QQ上设置不允许同步手机的最近聊天记录

    如何在电脑QQ上设置不允许同步手机的最近聊天记录

    今天给大家介绍一下如何在电脑QQ上设置不允许同步手机的最近聊天记录的具体操作步骤.1. 首先打开电脑上的QQ软件,登录进入主页面后,点击面板左下角的三横图标2. 在弹出的菜单中,选择设置选项3. 如图 ...