Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension

报错信息:jquery.js:5785 XMLHttpRequest cannot load file:///C:/Users/alex/Desktop/testFIleUpload/rotate/jsonp/remote.js?code=CA1998&callback=flightHandler. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

报错方式:Chrome浏览器打开本地jsp,用ajax方法中用jsonp直接跨域访问本地的js文件。

代码示例:本地的testjsonp.jsp访问本地另一个目录的remote.js,

testjsonp.jsp:



 
  
  测试页面
  
  
 
 

 


remote.js:

flightHandler({
    "code": "CA1998",
    "price": 1780,
    "tickets": 5
});

报错分析:

1.判断为ajax的跨域访问问题

2.本地jsp没有通过服务器直接ajax中用jsonp访问本地js,使用file协议

3.原以为能解决跨域问题,但是上面的报错信息就已经说明了,ajax跨域只支持这些协议框架:http,https,data,chrome(Chrome浏览器),chrome-extension(Chrome扩展插件),chrome-extension-resource(Chrome扩展资源),就是没有file协议!用了jsonp这种跨域json数据交互协议也没有,人家ajax就只支持那几个协议,并且jsonp交互协议也非官方正式的。

解决过程:

1.网上搜过说在google桌面图标右键—属性—快捷方式标签页—目标(就是google浏览器的安装路径)中路径后面添加" --allow-file-access-from-files",(注意前面有空格)

Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension_第1张图片

2.继续,如果上述步骤不行,找到谷歌浏览器chrome.exe安装路径复制下来,我的是E:\Google\Application\chrome.exe,再打开cmd,直接输入命令

"E:\Google\Application\chrome.exe" --allow-file-access-from-files

上述两步试过,在回头实验,还是报同样错误,换用不同内核的浏览器,还是报这个错,此方法失效。

继续探索学习,解决方法总结如下:

1.为避免跨域问题要在服务器环境里运行含有ajax方法的页面,而不是本地页面直接访问本地文件的方式,这样保证了在用post或者get这类http请求,才能避免ajax跨域问题。

2.本地页面ajax()请求本地页面,须通过服务器环境运行,类似这样:
http://127.0.0.1:8888/websrc/html_ajax/testjsonp.jsp

3.如果是在远程服务器里ajax()请求外域服务器里的页面,即使通过服务器环境运行也会报跨域的错误,此时需要通过JSONP的形式!

所以,还是把本地jsp放入tomcat中运行再访问本地文件吧!

参考:http://www.exp99.com/jswz/f2e/1415609654_115.html

http://blog.csdn.net/superit401/article/details/72771626

你可能感兴趣的:(JavaScript)