介绍

书上说:有些浏览器还会限制Ajax请求的协议。比如chrome中,如果使用file://协议从硬盘里加载,就会出错。

原因

Ajax需要服务器的支持。chrome等webkit核心浏览器也不支持本地调试ajax。浏览器为了安全性考虑,默认对跨域访问禁止。

解决

三个方法:第一个是搭建服务器,第二个是用firefox火狐浏览器,第三个是给chrome加运行参数。

第一个:可以下载phpstudy,百度一下就行了,下好之后打开,他会给你配置一个服务器,然后你把项目放在那个phpstudy里有个WWW的文件夹里,就可以了,那个WWW文件夹就是根目录。

第二个:安装火狐浏览器(推荐 最简单)
Firefox 火狐浏览器 | 官方最新下载 https://www.firefox.com.cn/

第三个:右键Google Chrome应用程序选择属性,在目标位置中添加 chrome.exe --allow-file-access-from-files
注意中间空格。重新启动电脑,才会生效。
JavaScript dom编程艺术之南 Ajax 不显示没效果


参考:
JavaScript DOM编程艺术第七章Ajax学习笔记