使用JQuery加载函数有什么缺点吗？

Question

我目前正在开发一个基本显示传感器数据的网站。该网站必须有一个图表，我想使用HighChart折线图。由于网站内容不多，我决定将所有操作都放在一页（图表，表格......）。所以这个页面有很多部分。为了避免这种混乱，我想在另一个HTML文件中构建图形部分，并通过JQuery加载函数，在主页面中使用它。我知道如何显示或使用其他代码的唯一方法是这样。

例如：

$('.sampleDiv').load('sampleHtmlFile');

问题就开始了。我不确定这种方式是否会影响整个页面及其精心设计的结构。这对开发者来说是不好的做法吗？有没有理由或不使用这种方式的负载功能？也许是处理这个问题的另一种方法......

顺便说一句，我对Web开发来说太新了。

Answer 1

我不建议使用jQuery＆＃39; load来加载依赖javascript的网页（我假设您要使用http://www.highcharts.com/）。
特别是作为初学者，你会遇到很多问题。

更多信息：
.load()只不过是ajax调用 - 而且在通过ajax将新的javascript脚本加载到页面时遇到问题。
浏览器无法通过ajax正确处理加载脚本，因此浏览器会像处理同步一样处理请求，并且您会收到此警告：

  

主线程上的同步XMLHttpRequest因其对最终用户体验的不利影响而被弃用。

要防止这种情况，您需要jQuery.getScript()之类的内容来加载.load()的外部JavaScript文件。

<强> TL; DR：
当你是初学者时，我不建议加载包含外部javascript文件的html文件。你可以遇到很多麻烦 - 从缺少依赖关系到处理同步请求等ajax请求的浏览器。