jquery使用后提示 Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental

本文介绍如何利用jQuery的load方法减少重复代码,通过将公共部分如侧边栏、顶部导航等加载到不同页面中,提高开发效率。文章还分享了避免同步XMLHttpRequest警告的方法,即在公共文件中只保留HTML内容,而将CSS和JS引用移到主页面中,以此提升页面加载速度。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

新的改变

在构建页面的时候我们会发现。一个项目中总有许多部分是完全重复的内容。比如侧边栏 / 顶部导航搜索之类的。
此时,为了省事儿,我们可以使用jquery中的load方法。
具体用法如下:(假设公共部分叫loader.html ; 需要引用到index.html中进行使用)

//假设loader.html中已经写好了你所需要的部分
//index.html中
<div id="loaderBox"></div>
//在index的js中写入:
$("#loaderBox").load("路径/loader.html")

功能快捷键

然而在实际使用中,控制台会弹出一个警告

 WARNING:Synchronous XMLHttpRequest on the main thread is deprecated because of its 
 detrimental effects to the end user's experience

根据实践得出了一点处理方法,今天分享出来,望个位大佬指教

  • 调整在loader.html中的引用。loader中最好只有html的内容。css和js部分的引用,都放到index.html中进行。
  • 这样控制台就不会报警告,并且页面的刷新速度会有明显提升。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值