• 技术文章 >web前端 >js教程

    Ajax请求中的async:false/true(同步/异步)的作用

    青灯夜游青灯夜游2018-10-12 16:57:26转载1206
    本文给大家介Ajax请求中的async:false/true(同步/异步)的作用,有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。

    async: 默认是true,即为异步方式,$.Ajax执行后,会继续执行ajax后面的脚本,直到服务器端返回数据后,触发$.Ajax里的success方法,这时候执行的是两个线程。若要将其设置为false,则所有的请求均为同步请求,在没有返回值之前,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。

    下面查看一个示例:

    var temp;
    $.ajax({
    
       async: false,
       type : "POST",
       url : defaultPostData.url,
       dataType : 'json',
       success : function(data) 
       {
    
          temp=data;
       }
    
    });
    
    alert(temp);

    这个ajax请求为同步请求,在没有返回值之前,alert(temp)是不会执行的。

    如果async设置为:true,则不会等待ajax请求返回的结果,会直接执行ajax后面的语句。

    不过上面设置同步请求的方法,有网友曾经反馈将async设成false后, 原意是想返回数据了再执行$.Ajax后面的脚本, 没想到这个地方却导致了在火狐浏览器下出现闪屏(Firefox 11.0),滚动条下拉到底部触发ajax的情况。最后只能将async:false注释掉, 也就是async为ture的情况下,成功解决了火狐浏览器滚动条下拉到底部触发ajax出现闪屏的问题。

    总结:以上就是本篇文的全部内容,希望能对大家的学习有所帮助。更多相关教程请访问AJAX视频教程

    相关推荐:

    AJAX在线手册

    ajax基础视频教程

    以上就是Ajax请求中的async:false/true(同步/异步)的作用的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:博客园,如有侵犯,请联系admin@php.cn删除

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐:Ajax Ajax请求 同步 异步
    上一篇:vue路由history模式刷新页面时出现404问题的两种解决方法 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• 详解JavaScript for循环中发送AJAX请求问题_jquery• 浅析jQuery Ajax请求参数和返回数据的处理_jquery• js实现对ajax请求面向对象的封装_javascript技巧• jQuery实现监控页面所有ajax请求的方法_jquery• 封装了jQuery的Ajax请求全局配置_jquery
    1/1

    PHP中文网