项目经常使用一样的头尾,重复页面重复改太麻烦,在本地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>
