关于JQ项目提取公共部分用load方法请求时显示跨域的问题
代码是从另一处看到的,原文地址在下面
原文链接:https://blog.csdn.net/weixin_41804429/article/details/90488474
关于load方法是可以读取本地的文件,进行添加到所需要显示的地方,但是有一个弊端就是,如果使用load方法读取了本地文件,如果不是在服务器内请求的话,会提醒跨域,这时我们需要临时搭建一个本地服务器,把代码放进去就可以解决跨域的问题了。这里我用到的软件是phpstudy,点击启动之后,把我的所有代码放入到文件夹WWW的目录中,再次打开页面即可解决请求资源跨域!
<!--例:复用网站顶部导航内容
1.header.html用来存放复用内容,不需要完整的html页面,<html> <head> <body> 等等标签都不需要,只需要相关内容。-->
<header>
<div>1</div>
<div>2</div>
<div>2</div>
</header>
<script>
<!--对头部的js逻辑-->
</script>
<!--2.引用的页面,在需要的地方写一个空标签用来放引入的内容-->
...
<div class="header-page"></div>
<script>
//注 load里面是header.html的文件路径,同个目录直接文件名称就可以了。
$('.header-page').load('header.html');
//注 load方法是异步的,如果你想对引入的文件dom进行操作 必须在其回调函数中操作 否则会获取不到dom节点
</script>