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

新的改变

在构建页面的时候我们会发现。一个项目中总有许多部分是完全重复的内容。比如侧边栏 / 顶部导航搜索之类的。
此时,为了省事儿,我们可以使用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中进行。
  • 这样控制台就不会报警告,并且页面的刷新速度会有明显提升。

你可能感兴趣的:(jQuery,控制台警告)