jquery ajax怎么改成同步

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

jquery ajax怎么改成同步

本文操作环境: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());

登录后复制

输出结果:

14.png

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());

登录后复制

输出结果:

15.png

相关教程推荐:jQuery视频教程

以上就是jquery ajax怎么改成同步的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2926302.html

(0)
上一篇 2025年3月11日 19:14:51
下一篇 2025年3月11日 19:14:59

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论