jquery ajax 访问本地地址问题
来源:互联网 发布:石油化工基础数据手册 编辑:程序博客网 时间:2024/05/17 11:33
问题:
前端制作静态页面,使用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 访问本地地址问题
- jQuery $.ajax()通过本地服务器访问到远程服务器,解决远程问题。
- jquery ajax 解决跨域访问问题
- Jquery ajax跨域访问的问题
- chrome访问本地ajax
- 使用本地wamp服务器解决ajax访问本地文件失败问题
- jQuery ajax读取本地json文件以及跨域问题
- Jquery.ajax()访问接口
- JQuery ajax跨域访问出现'没有权限'的问题
- jQuery.ajax在谷歌浏览器下访问本地文件问题
- jquery Ajax请求本地json
- 写html5 遇到的ajax请求跨域问题,访问本地数据库问题
- windows下PHP + Nginx curl访问本地地址超时卡死问题的解决方案
- jQuery + $.ajax() 访问 Web Service
- JQuery ajax跨域访问
- jquery Ajax跨域访问
- Jquery Ajax方式访问WebService
- jQuery的AJax异步访问
- Silverlight入门:第三部分—数据访问
- 终于决定开个博客了
- SQL Server 2008 数据类型-varchar(MAX)、nvarchar(MAX)
- 给自己的Blog程序添加对Windows Live Writer的支持
- sql注入攻击原理及攻防
- jquery ajax 访问本地地址问题
- QT3开发积累
- Windows&Linux平台编译配置boost1.45
- [C# Winform] 利用C#开发的一款桌面程序---落雪---迎接2011
- 开发者进入黄金10年-2010年度无责任总结
- 关于网页顶上的一条白色空隙
- 指针与引用的区别
- 详解Visual Studio 2010中的Qt配置使用
- 我的JavaScript之旅——从Scope Chain到Closure