主线程上的同步 XMLHttpRequest 已被弃用...尝试了许多不同的解决方案

2023-05-14前端开发问题
11

本文介绍了主线程上的同步 XMLHttpRequest 已被弃用...尝试了许多不同的解决方案的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

问题描述

限时送ChatGPT账号..

我知道这个问题在这里发布了很多次,但我尝试了所有我能找到的关于堆栈溢出的解决方案,但都没有奏效.我只是试图做一个简单的ajax 查询来加载一个div 内的页面.就这么简单:

I know this question was posted so many times in here, but I tried all the solutions I could find on stack overflow and none of them worked. I'm just trying to make a simple ajax query to load a page inside a div. Just as simple as:

function loadHome(){
$('#container').html('<div class="loader"></div>');
$.ajax({
    type: "GET",
    url: "home.php",
        success: function(msg){
            $("#container").html(msg);
        }
});
}

在控制台日志上我得到了

And on the console log I get

主线程上的同步 XMLHttpRequest 已被弃用,因为它会对最终用户的体验产生不利影响.如需更多帮助,请查看 http://xhr.spec.whatwg.org/

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

除非我重新加载页面,否则我在主页上的一些 javascript 将无法工作.默认情况下,该页面已在 div 中加载 home.php ,但我希望它加载其他页面,然后当我单击主页"时它应该正常加载,并且由于该错误而没有发生.我已经尝试使用async:true",但没有用.我不知道该怎么办.

And some of my javascript on the home page will not work unless I reload the page. That page is by default loading home.php inside the div already, but I want it to load other pages and then when I click "home" it should load normally, and that's not happening because of that error. I already tried to use "async: true", didn't work. I don't know what to do.

推荐答案

你应该使用本地 jquery 然后从 cdn 以及

You should use local jquery then from cdn and also

为避免此警告,请勿使用:

To avoid this warning, do not use:

async: false

在您的任何 $.ajax() 调用中.这是 XMLHttpRequest 唯一被弃用的功能.

in any of your $.ajax() calls. This is the only feature of XMLHttpRequest that's deprecated.

默认值为 async: true,因此如果您根本不使用此选项,那么如果该功能被真正删除,您的代码应该是安全的(它可能不会——它可能被从标准中删除,但我敢打赌浏览器会继续支持它很多年).

The default is async: true, so if you never use this option at all, your code should be safe if the feature is ever really removed (it probably won't be -- it may be removed from the standards, but I'll bet browsers will continue to support it for many years).

参考

这篇关于主线程上的同步 XMLHttpRequest 已被弃用...尝试了许多不同的解决方案的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

The End

相关推荐

ajax请求获取json数据并处理的实例代码
ajax请求获取json数据并处理的实例代码 $.ajax({ type: 'GET', url: 'https://localhost:44369/UserInfo/EditUserJson',//请求数据 data: json,//传递数据 //dataType:'json/text',//预计服务器返回的类型 timeout: 3000,//请求超时的时间 //回调函数传参 suc...
2024-11-22 前端开发问题
215

js删除数组中指定元素的5种方法
在JavaScript中,我们有多种方法可以删除数组中的指定元素。以下给出了5种常见的方法并提供了相应的代码示例: 1.使用splice()方法: let array = [0, 1, 2, 3, 4, 5];let index = array.indexOf(2);if (index -1) { array.splice(index, 1);}// array = [0,...
2024-11-22 前端开发问题
182

layui 单选框、复选框、下拉菜单不显示问题如何解决?
1. 如果是ajax嵌套了 页面, 请确保 只有最外层的页面引入了layui.css 和 layui.js ,内层页面 切记不要再次引入 2. 具体代码如下 layui.use(['form', 'upload'], function(){ var form = layui.form; form.render(); // 加入这一句});...
2024-11-09 前端开发问题
313

layui中表单会自动刷新的问题
layui中表单会自动刷新的问题,因为用到layui的表单,遇到了刷新的问题所以记录一下: script layui.use(['jquery','form','layer'], function(){ var $ = layui.jquery, layer=layui.layer, form = layui.form; form.on('submit(tijiao)', function(data){ a...
2024-10-23 前端开发问题
262

JavaScript小数运算出现多位的解决办法
在开发JS过程中,会经常遇到两个小数相运算的情况,但是运算结果却与预期不同,调试一下发现计算结果竟然有那么长一串尾巴。如下图所示: 产生原因: JavaScript对小数运算会先转成二进制,运算完毕再转回十进制,过程中会有丢失,不过不是所有的小数间运算会...
2024-10-18 前端开发问题
301

jQuery怎么动态向页面添加代码?
append() 方法在被选元素的结尾(仍然在内部)插入指定内容。 语法: $(selector).append( content ) var creatPrintList = function(data){ var innerHtml = ""; for(var i =0;i data.length;i++){ innerHtml +="li class='contentLi'"; innerHtml +="a href...
2024-10-18 前端开发问题
125