jquery ajax 访问本地地址问题
2010-12-31 14:22
375 查看
问题:
前端制作静态页面,使用ajax读取数据,前台显示,但是在chrome下显示不出来。
目录结构:
其中, chartdata.html为请求访问的页面,构造数据格式为json。(该示例已上传至我的资源)
查找原因:
打开Chrome,通过JavaScript调试工具,显示问题如下:
XMLHttpRequest cannot load file:///D:/DangDangUED/DDCommon/general/Chart/jQChart/chartdata.html. Origin null is not allowed by Access-Control-Allow-Origin.
断点调试,说是eval(data)[0]无法读取。
但是在IE以及firefox都没有问题。是由于Chrome对ajax的解析不同造成的吗?查阅jquery文档,使用$.get()的方式,还是同样的问题。
原来在开发的时候从来未遇到这种问题。
解决:
Google一把,在Stackoverflow上找到该问题的解答:
http://stackoverflow.com/questions/4208530/xmlhttprequest-origin-null-is-not-allowed-access-control-access-allow-for-file
原来,ajax会对请求进行分析,比方说如果只是静态页面请求,那么地址均为 file://// ,相应的采取本地策略。对于chrome,则是出现XMLHTTPRequest 无法访问的问题。
当把页面放置于服务器上,地址均为 http:// ,搞定!
PS:chrome的上网设置使用的是IE的网络设置,如果你使用了代理上网,记得在本地调试的时候,勾选“跳过本地地址的代理服务器”。
前端制作静态页面,使用ajax读取数据,前台显示,但是在chrome下显示不出来。
目录结构:
其中, chartdata.html为请求访问的页面,构造数据格式为json。(该示例已上传至我的资源)
查找原因:
打开Chrome,通过JavaScript调试工具,显示问题如下:
XMLHttpRequest cannot load file:///D:/DangDangUED/DDCommon/general/Chart/jQChart/chartdata.html. Origin null is not allowed by Access-Control-Allow-Origin.
断点调试,说是eval(data)[0]无法读取。
但是在IE以及firefox都没有问题。是由于Chrome对ajax的解析不同造成的吗?查阅jquery文档,使用$.get()的方式,还是同样的问题。
原来在开发的时候从来未遇到这种问题。
解决:
Google一把,在Stackoverflow上找到该问题的解答:
http://stackoverflow.com/questions/4208530/xmlhttprequest-origin-null-is-not-allowed-access-control-access-allow-for-file
原来,ajax会对请求进行分析,比方说如果只是静态页面请求,那么地址均为 file://// ,相应的采取本地策略。对于chrome,则是出现XMLHTTPRequest 无法访问的问题。
当把页面放置于服务器上,地址均为 http:// ,搞定!
PS:chrome的上网设置使用的是IE的网络设置,如果你使用了代理上网,记得在本地调试的时候,勾选“跳过本地地址的代理服务器”。
相关文章推荐
- jquery ajax 访问本地地址问题(转)
- 关于electron的跨域问题,有本地的图片的地址,访问不了本地的图片
- [转载]windows下PHP + Nginx curl访问本地地址超时卡死问题的解决方案
- windows下PHP + Nginx curl访问本地地址超时卡死问题的解决方案
- 解决wamp本地能访问,内网不能访问问题
- 使用jquery ajax访问页面的注意问题
- phpexcel导出的问题,在本地没有问题,但是在服务器上就会报这个访问不到的错误
- php本地地址改成域名访问
- 惨痛的教训,NSURL访问本地文件的问题
- 关于字体图标在firefox上本地访问无法显示的问题分析
- 配置weblogic的上下文 根,方便访问地址和项目名称不一致的问题
- 解决apache服务器本地可以访问,同局域网内他人不能访问的问题(转)
- android网络连接经常出现Timeout,NetworkOnMainThreadException问题,手动浏览器访问web地址正常
- SQLServer本地报表地址无法访问
- Spark 读取本地日志文件,抽取最高的访问地址,排序,并保存到本地文件
- 解决tomcat服务器下,只能通过localhost,而不能通过127.0.0.1或者本地ip地址访问的问题
- 访问本地站点出现的一些问题及解决方法
- jQuery ajax读取本地json文件以及跨域问题
- 本地运行swf访问网络的安全问题解决办法