Cross origin requests are only supported for protocol schemes浏览器报错及解决方法

最新推荐文章于 2024-05-26 22:33:39 发布

Michael18811380328

最新推荐文章于 2024-05-26 22:33:39 发布

阅读量1w

点赞数 1

分类专栏： JavaScript web前端文章标签： Ajax 跨域服务器前端

JavaScript 同时被 2 个专栏收录

132 篇文章 12 订阅

订阅专栏

web前端

63 篇文章 1 订阅

订阅专栏

报错示例：Chrome浏览器打开本地jsp，用ajax方法中用jsonp直接跨域访问本地的js文件。本地的testjsonp.jsp访问本地另一个目录的remote.js，

报错分析：

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交互协议也非官方正式的。

<!doctype html>  
<html>  
 <head>  
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
  <title>测试页面</title>  
  <script type="text/javascript" src="jquery.js"></script>  
  <script type="text/javascript">  
     jQuery(document).ready(function(){  
        $.ajax({  
             type: "get",  
             async: false,  
             url: "rotate/jsonp/remote.js?code=CA1998",  
             dataType: "jsonp",  
             jsonp: "callback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(一般默认为:callback)  
             jsonpCallback:"flightHandler",
//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名，也可以写"?"，jQuery会自动为你处理数据  
             success: function(json){  
                 alert('您查询到航班信息：票价： ' + json.price + ' 元，余票： ' + json.tickets + ' 张。');  
             },  
             error: function(){  
                 alert('fail');  
             }  
         });  
     });  
     </script>  
 </head>  
 <body>  
  
 </body>  
</html>

解决过程：

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

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

https://blog.csdn.net/superit401/article/details/72772658

Michael18811380328

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Cross origin requests are only supported for protocol schemes浏览器报错及解决方法

报错示例：Chrome浏览器打开本地jsp，用ajax方法中用jsonp直接跨域访问本地的js文件。本地的testjsonp.jsp访问本地另一个目录的remote.js，报错分析：1.判断为ajax的跨域访问问题2.本地jsp没有通过服务器直接ajax中用jsonp访问本地js，使用file协议！3.原以为能解决跨域问题,但是上面的报错信息就已经说明了，ajax跨域只支持这...
复制链接

扫一扫