javascript - 使用jQuery Load加载公共HTML，有时会没加载出来，页面卡住了。

Question

写了一个公共的HTML文件，作为全部页面的顶部导航和脚部导航。使用jQuery Load载入到各个页面中，在本机上测试一直没问题，网站发布后，公司有同事反映有时候打开某个页面，导航没加载出来？
想问下，这样偶尔出问题的会是什么原因呢？

Answer 1

可以通过回执函数监测读取情况，如果有错误可以重新读取。

$(.).load( "nav.html", function( response, status, xhr ) {
  if ( status == "error" ) {
    //失败，可以重新读取一次，也可以重读多次，根据需要定
    // console.log( xhr.status + "|" + xhr.statusText );
  }
});

Answer 2

这是因为在本机上读取的文件都是本地的，基本不用考虑网速的问题，而网站发布后，程序在服务器上运行，要考虑网速，有时候导航没加载出来，可能是你网速慢，不过还有其他的情况可能导致，你在网站打开后进入调试模式看看有没有报什么错误，然后在本机上检查下你的程序，看看有没有逻辑方面的问题