AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

ajax方法执行同步的黄色警告：Synchronous XMLHttpRequest on the main thread is deprecated的解决方案

2023-07-19 274
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： ajax方法执行同步的黄色警告：Synchronous XMLHttpRequest on the main thread is deprecated的解决方案 


[Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.


翻译：在主线程同步XMLHttpRequest是不赞成的，因为对最终用户的体验有不利影响。更多帮助，检查HTTP：/ / XHR。spec.whatwg。org /


以上警告信息在ajax方法执行同步操作（等有了返回值才执行下面的js，会短暂阻断程序继续执行）的时候出现，即：async:false。同步执行AJAX不影响程序的正常执行。当然，如果业务层面允许，推荐异步执行AJAX，即将async属性设置为true。（当然，ajax()方法async缺省下为true）


Done!


文章标签：
JavaScript
前端开发
关键词：
ajax方法
ajax xmlhttprequest
ajax同步
ajax.js方法
ajax.js同步
漏刻有时
目录
相关文章
jianz123
|
7月前
|
JavaScript 前端开发 容器
AJAX载入外部JS文件到页面并让其执行的方法（附源码）
AJAX载入外部JS文件到页面并让其执行的方法（附源码）
jianz123
72 0
二二*一一
|
2月前
|
前端开发 JavaScript
jQuery - AJAX load() 方法
jQuery load() 方法是简单但强大的 AJAX 方法。
二二*一一
58 6
听白
|
3月前
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
听白
41 1
听白
|
3月前
|
JavaScript 前端开发
jQuery - AJAX load() 方法
jQuery - AJAX load() 方法
听白
26 2
听白
|
3月前
|
XML JavaScript 前端开发
jQuery - AJAX get() 和 post() 方法
jQuery - AJAX get() 和 post() 方法
听白
32 6
听白
|
3月前
|
缓存 JavaScript 前端开发
jQuery - AJAX get() 和 post() 方法
jQuery - AJAX get() 和 post() 方法
听白
28 4
听白
|
3月前
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
听白
27 1
听白
|
3月前
|
JavaScript 前端开发
jQuery - AJAX load() 方法
jQuery - AJAX load() 方法
听白
24 1
听白
|
3月前
|
缓存 JavaScript 前端开发
jQuery - AJAX get() 和 post() 方法
jQuery - AJAX get() 和 post() 方法
听白
32 0
朝阳39
|
5月前
|
前端开发 JavaScript API
js【详解】ajax （含XMLHttpRequest、 同源策略、跨域、JSONP）
js【详解】ajax （含XMLHttpRequest、 同源策略、跨域、JSONP）
朝阳39
59 0

热门文章

最新文章

  • 1
    ajax请求详细怎么实现，和其中的响应状态
  • 2
    Python Web开发者必看！AJAX、Fetch API实战技巧，让前后端交互如丝般顺滑！
  • 3
    webSocket 和 ajax 的区别
  • 4
    java-ajax技术详解！！！
  • 5
    AJAX响应状态
  • 6
    PHP与Ajax在Web开发中的交互技术。PHP作为服务器端脚本语言，处理数据和业务逻辑
  • 7
    虎扑APP数据采集：JavaScript与AJAX的结合使用
  • 8
    15.4. Ajax + JSON
  • 9
    ajax省市县三级联动
  • 10
    jquery ajax return值 没有返回 的解决方法
  • 1
    PHP与Ajax在Web开发中的交互技术。PHP作为服务器端脚本语言，处理数据和业务逻辑
    48
  • 2
    虎扑APP数据采集：JavaScript与AJAX的结合使用
    46
  • 3
    Python Web开发者必看！AJAX、Fetch API实战技巧，让前后端交互如丝般顺滑！
    53
  • 4
    java-ajax技术详解！！！
    54
  • 5
    AJAX响应状态
    52
  • 6
    ajax请求详细怎么实现，和其中的响应状态
    60
  • 7
    webSocket 和 ajax 的区别
    55
  • 8
    第6章：Vue中的ajax（包含：回顾发送ajax请求方式、vue-cli脚手架配置代理服务器）
    94
  • 9
    回顾前端页面发送ajax请求方式
    42
  • 10
    《进阶篇第6章：vue中的ajax》包括回顾发送ajax请求方式、vue-cli脚手架配置代理服务器、vue-resource
    71

    • 相关课程

    更多
  • Ajax 前端开发入门与实战
  • Ajax入门

    • 相关电子书

    更多
  • Let's Work Together On The Future Of JavaScript Through TC39
  • 低代码开发师（初级）实战教程
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    手把手教你白嫖阿里云服务器(免费领服务器)