关于JQ项目提取公共部分用load方法请求时显示跨域的问题

最新推荐文章于 2022-08-19 09:58:01 发布

MyName469

最新推荐文章于 2022-08-19 09:58:01 发布

阅读量950

点赞数

分类专栏：日常开发所遇问题文章标签： 2019.11.13

原文链接：https://blog.csdn.net/weixin_41804429/article/details/90488474

版权

日常开发所遇问题专栏收录该内容

4 篇文章 0 订阅

订阅专栏

关于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>