关于jq lode引入前端公共头尾报错的问题

项目经常使用一样的头尾,重复页面重复改太麻烦,在本地chrome测试时，会报错：XMLHttpRequest cannot load file:///E:/web/jqueryTest/ajax.html. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource. 

经查询, 这是由于涉及到跨域问题！直接用浏览器打开是通过file协议，没有在服务器环境里运行含有ajax方法的页面。本地页面ajax()请求本地页面，须通过服务器环境运行，类似这样：http://127.0.0.1:8888/2014/DEMO/html_ajax/index.html

解决办法:把本地配成服务器环境,把文件放到环境下的文件夹中。

---

<div id="header"></div>

<div>123</div>

<script src="js/jquery-1.11.1.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript">

 $(function() {

/**引入公共头*/

    $("#header").load('header.html', function (data, status, xhr) {})

})

</script>