jquery load方法调用html公共页面问题？？？

Question

    最初目的：将html页面公共部分提取出来，如：导航，底部footer;然后在其它页面调用;便于后期字段上的更改;
    
    
    将页面导航的html代码，另存为一个nav.html文件;然后index.html页面要用导航时，用jquery load();方法来调用这个nav.html;
    
    问题是：
    
        在搭建的后台环境 localhost下  调用成功  能正常显示页面;
        
        
        但在本地 file:///D:/www/project08/index.html 调用失败  不能显示调用的页面;
        
        
    浏览器报错：
    
          1.  Failed to load resource: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. 
        
          2. XMLHttpRequest cannot load file:///D:/www/project08/nav.html. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.
        
    请问大神：
    
        这是为什么？？？

Answer 1

没必要搞得这么复杂 你可以让后台给你配置一下模板继承 把公用的头部底部放到base文件夹里面如header.html 然后我在另外一个页面只要<include file="Base/header.html">就可以把header的html加载过来

Answer 2

因为你这是ajax跨域了，jquery的load方法实质上就是一个ajax请求。

Answer 3

LZ用的是webkit内核的浏览器调试的吧？本地用ajax的话会涉及到跨域问题，所以调用不了，可以配置一下chrome，LZ可以百度下

Answer 4

完全看不懂、什么时候也能提出这么有技术含量的问题！

Answer 5

相对路径