使用jQuery.load方法在HTML中嵌入另一HTML文件失败求解决方案

以下是对应问题的逐一排查步骤：

• 检查文件路径是否正确
  确保second.html和当前主HTML文件处于同一目录层级，若存放在子目录需补全对应路径，例如子目录为pages时路径应写为./pages/second.html。同时注意文件名大小写，部分操作系统对文件名大小写敏感，大小写不匹配会导致404错误。
• 排查本地跨域限制
  如果你是直接双击打开HTML文件（地址栏为file://开头的协议），浏览器同源策略会禁止AJAX请求本地文件，jQuery的load方法本质是AJAX请求，因此会失效。解决方法是启动本地服务运行项目，例如使用VS Code的Live Server插件，或在项目目录下执行Python命令python -m http.server 8000，之后访问localhost:8000打开页面即可。
• 确认jQuery是否加载成功
  打开浏览器F12控制台，查看是否有$ is not defined类的报错，若存在说明jQuery CDN加载失败，可更换jQuery源或将jQuery文件下载到本地引入。
• 查看请求状态
  打开浏览器F12的网络面板，刷新页面后查看是否有second.html的请求：
  • 状态码为404：路径配置错误
  • 状态码为CORS相关错误：属于跨域问题，按上面的本地服务方案解决
  • 状态码为5xx：检查服务端配置是否正常
• 校验second.html文件本身
  可先在second.html内写入简单测试内容<h1>加载测试</h1>，排除文件本身为空、存在严重语法错误的问题。

内容的提问来源于stack exchange，提问作者KA trending