jquery ajax如何改成同步

jquery中,ajax可以将async设置为false使其同步;默认情况下jquery中的ajax为异步请求,即“async:true”,通过设置参数“asycn:false”即可,语法为“$.ajax({async: false})”。

本文操作环境:windows10系统、jquery3.6.1版、Dell G3电脑。

jquery ajax怎么改成同步

jquery中的ajax 默认情况下为异步请求,即 async:true,可以通过设置参数 asycn:false 到使其同步

ajax默认是异步请求;ajax中可以根据async值的不同来判断是否是异步请求,若async的值为false,则表示ajax请求为同步,若async的值为true,则表示ajax请求为异步,而默认情况下async的值是“true”,因此ajax默认是异步请求。

如果想同步 async设置为false就可以(默认是true)

var html = $.ajax({url: “some.php”,async: false}).responseText;

或者在全局设置Ajax属性

$.ajaxSetup({async: false});

再用post,get就是同步的了

示例如下:

随机生成一个10位数的整数,与后端数据库做对比,如果后端数据库中有这个随机数,则重新再生成一个,如果没有就return这个数。

这个需求涉及到前后端交互,所以无法避免需要使用ajax,于是刚开始我编写了这样一段代码。

//randID是封装的生成随机数的函数function userID() {    let ranid = parseInt(randID(1000000000, 10000000001));    let data = null;    $.ajax({        type: 'post',        url: './php/findID.php',        data: 'id=' + ranid,        success: function(res) {            res = JSON.parse(res);            isok = res.length;            if (isok != 0) {                userID();            } else {                              return ranid;            }        }    })}console.log(userID());

输出结果:

jquery ajax如何改成同步

jquery.ajax的解决方法

  • 在函数下(ajax外)声明一个局部变量

  • 将ajax当成同步处理(jquery.ajax的修改方式:添加这句代码即可async: false)

  • 返回声明的局部变量

function userID() {    let ranid = parseInt(randID(1000000000, 10000000001));    //声明的局部变量    let data = null;    $.ajax({        type: 'post',        url: './php/findID.php',        data: 'id=' + ranid,        //将ajax改为同步操作        async: false,        success: function(res) {            res = JSON.parse(res);            isok = res.length;            if (isok != 0) {                console.log(ranid);                userID();            } else {                data = ranid;            }        }    })    //返回这个局部变量    return data;}console.log(userID());

输出结果:

jquery ajax如何改成同步

“jquery ajax如何改成同步”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站,小编将为大家输出更多高质量的实用文章!

文章标题:jquery ajax如何改成同步,发布者:亿速云,转载请注明出处:https://worktile.com/kb/p/24208

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022年9月10日 下午11:42
下一篇 2022年9月10日 下午11:43

相关推荐

  • ai如何转曲图片

    ai转曲图片的方法: 1、首先进入ai,然后新建画布,可以自己调整大小。 2、然后选择里面的“文字工具”。 3、之后输入文字,并且复制3个左右。 4、选择第一个文字,右击点击“创建轮廓”。 5、然后点击“对象”选择“扩展”。 6、调整好了之后点击“确定”。 7、最后选择最后一组的文字,按下“ctrl…

    2022年9月1日
    19000
  • SQLMAP的洋葱模式代理是怎样的

    由于要对外网的网站进行渗透测试,但是大部分网站都有访问频率控制,一旦超过这个频率就直接禁IP。尤其是SQLMAP跑的时候,更是一片“姨妈红”,还没跑完SQLMAP就直接报错退出。 于是就开始研究SQLMAP的代理模式,SQLMAP有两种代理模式,一种是普通代理(HTTP代理),一种是洋葱代理。 我原…

    2022年9月15日
    22800
  • php二维数组如何求积

    求积步骤:1、定义一个变量并赋值1,语法“$cj=1;”;2、用foreach循环遍历外层数组元素,语法“foreach($arr as $v){//循环体代码}”;3、循环体中,用is_array()、array_product()和“*=”运算符求积即可,语法“if(is_array($v)){…

    2022年9月13日
    9100
  • 电脑蓝屏0x0000008e如何解决

    0x0000008e电脑蓝屏处理方法: 方法一: 1、遇到蓝屏问题,可能是软件不兼容、内存错误或操作不当造成的,可以依次解决。 2、首先开机的时候按下F8进入安全模式点击“最后一次正确的配置”这一项重启系统。 3、如果使用这个方法能进入系统,说明是软件不兼容或操作问题,注意不要再进行之前的操作即可。…

    2022年9月16日
    5200
  • windows浩辰cad看图王怎么画图

    浩辰cad看图王能画图吗: 答:能。 能够完成最基本的图形绘制的功能。 浩辰cad看图王画图步骤: 1、打开浩辰CAD看图王。 2、找到需要编辑的文件。 3、在如图所示的位置中找到绘图。 4、通过上面的功能即可画图。 “windows浩辰cad看图王怎么画图”的内容就介绍到这里了,感谢大家的阅读。如…

    2022年9月21日
    11300
  • windows会声会影如何导出视频高清

    会声会影导出视频高清的方法 1、首先我们要保证我们的源视频是高清的,否则无论如何操作都无法导出高清的视频。 2、接着我们在导入视频前要设置高清的项目环境,这样我们就能在高清的环境中编辑视频了。 3、点击左上角“设置”,选择“项目属性”。 4、根据我们需要的参数设置相应的项目格式。 5、当我们编辑完成…

    2022年9月15日
    5300
  • 网络安全审计工具Nmap如何使用

    一.软件下载 https://nmap.org/download.html 二.扫描IP nmap 192.168.1.10 #扫描单IP nmap 192.168.1.10-100 #扫描IP段 nmap 192.168.1.10 192.168.1.11 #扫描单独的多IP nmap 192.1…

    2022年9月2日
    7900
  • 电脑0x00000bcb共享打印机无法连接如何解决

    解决方法: 方法一: 1、首先我们进入搜索界面,搜索并打开“控制面板” 2、点击硬件和声音下方的“查看设备和打印机” 3、然后点击最上方一栏中的“添加打印机”再点击“下一步” 4、接着系统会自动为你寻找打印机,并安装必要文件,安装完成后就可以使用打印机了。 方法二: 1、要是还用不了打印机可能是因为…

    2022年9月15日
    23700
  • windows会声会影2020如何去除视频水印

    会声会影2020去除视频水印的方法 1、首先我们将视频导入到会声会影中。 2、点击轨道中的视频,然后我们可以看到在左上角的视频窗口四角可以调整视频画面的大小。 3、我们把视频往上或者往外拉(取决于水印位置),直到水印消失即可。 到此,相信大家对“windows会声会影2020如何去除视频水印”有了更…

    2022年9月15日
    7900
  • php如何将数据强转为字符串类型

    两种转换方法:1、在数据之前加上用括号括起来的目标类型“(string)”,语法“(string)指定数据”。2、使用强制类型转换函数strval()或settype(),语法“strval(指定数据)”或“settype(指定数据2,”string”)”。 本教程操作环境:…

    2022年9月26日
    15700
联系我们
站长微信
站长微信
分享本页
返回顶部