解决Ajax跨域问题：Origin xx is not allowed by Access-Control-Allow-Origin.

最新推荐文章于 2022-07-09 11:21:53 发布
最新推荐文章于 2022-07-09 11:21:53 发布
阅读量131 收藏
点赞数
文章标签： javascript php ViewUI

解决Ajax跨域问题：Origin xx is not allowed by Access-Control-Allow-Origin.

今天一个Ajax跨域问题，纠结我半天，记录之。 

<html>
<head>
    <title>title</title>
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script>
        $.ajax({
            url:"http://map.yanue.net/gpsApi.php?lat=22.502412986242&lng=113.93832783228",
            type:'GET',
            success: function(data){
                $('body').append( "Name: " + data );
            }
        });
    </script>
</head>
<body>
    测试Ajax跨域问题
</body>
</html>

没有结果，chrome用F12 下查看错误 得知：XMLHttpRequest cannot load http://map.yanue.net/gpsApi.php?lat=22.502412986242&lng=113.93832783228. Origin http://localhost is not allowed by Access-Control-Allow-Origin. AJAX跨域问题产生。

搜了好久，得知解决方案：

一：使用jsonp格式， 如jquery中ajax请求参数   dataType:'JSONP'。(可选)

<html>
<head>
    <title>title</title>
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script>
        $.ajax({
            url:"http://map.yanue.net/gpsApi.php?lat=22.502412986242&lng=113.93832783228",
            type:'GET',
            dataType:'JSONP',
            success: function(data){
                $('body').append( "Name: " + data );
            }
        });
    </script>
</head>
<body>
测试Ajax跨域问题
</body>
</html>

 

二，server端加上header设为 Access-Control-Allow-Origin：*

getHttpServletResponse().setHeader("Access-Control-Allow-Origin", "*"); // 跨域处理

问题就解决了。

 

 

 

感谢: 　　http://yanue.net/post-130.html

 

weixin_33734785
关注
XmlHttpRequest error: Origin null is not allowed by Access-Control-Allow-Origin
hebeind100的博客
02-26 1048
在Chrome浏览器中，如果想通过AJAX请求不同域中的资源，很可能就会遇到 “Origin null is not allowed by Access-Control-Allow-Origin” 的错误。 这是因为在新版本浏览器中安全策略引起。简单的说，如果XMLHttpRequest 请求的URL和当前页面不同一个域中时，浏览器会检测响应http header中有没有 Access-Con...
Origin null is not allowed by Access-Control-Allow-Origin解决方案
越努力,越幸运~~
09-09 4438
今天学习mootools的ajax时候，遇到一个问题， 页面和ajaxData.txt在同一个目录下，查了一下是浏览器的安全机制导致的：浏览器会禁止加载本地文件。如果把文件或者是整个工程放在服务器上就不会存在这个问题了。 还有一种解决方案，就是在启动浏览器的时候修改启动参数： --allow-file-access-from-files
已解决：No 'Access-Control-Allow-Origin'跨域问题
08-19
总的来说，解决"No 'Access-Control-Allow-Origin'"跨域问题的关键在于理解浏览器的同源策略，并在后端服务器中正确配置CORS策略。在实际开发中，应当兼顾安全性和便利性，根据项目需求来设定合适的跨域策略。
Nginx配置跨域请求Access-Control-Allow-Origin * 详解
09-09
Nginx配置跨域请求Access-Control-Allow-Origin * 是解决现代Web应用中常见问题的一个关键步骤。在Web开发中，由于浏览器的同源策略限制，不同源的网站之间不能直接进行AJAX请求，除非服务器允许这样的跨域行为。...
iOS WKWebView Origin null is not allowed by Access-Control-Allow-Origin
豪冷的博客
05-17 1442
iOS WKWebView Origin null is not allowed by Access-Control-Allow-Origin
Access-Control-Allow-Origin跨域问题的终极解决，给自己做备份
10-16
在Web开发中，跨域（Cross-Origin）是一个常见的问题，...正确设置Access-Control-Allow-Origin头，可以有效解决跨域问题，同时兼顾安全性和灵活性。在实际应用中，需要根据项目需求和安全性要求进行适当选择和配置。
静态文件访问不到报No Access-Control-Allow-Origin处理办法
06-11
当一个网页尝试从不同的源（协议、域名或端口）请求资源时，如果目标服务器没有允许这个源的权限，浏览器会阻止该请求，从而出现"No 'Access-Control-Allow-Origin' header is present on the requested resource"的...
解决nodejs socket.io is not allowed by Access-Control-Allow-Origin 跨域问题 - CNode
05-10 457
解决nodejs socket.io is not allowed by Access-Control-Allow-Origin 跨域问题 - CNode 解决nodejs socket.io is not allowed by Access-Control-All...
php origin null,Origin null is not allowed by Access-Control-Allow-Origin 解决方法
weixin_34539480的博客
04-01 466
使用xmlhttprequest获取服务数据时，在IE下能通过而在 chrome不能通过的问题，这就是所谓的跨域问题，什么是跨域呢？比较不规范但是通俗的说说法吧，比如你使 用chrome打开一个本地的html页面，那么我认为现在你的机器就是一个站点，这个html就是运行在这个站点上，如果你要在这个html页面中通过 xmlhttprequest获取百度的页面源码信息，就有点跨域的意思，这和你直接在...
Origin XX is not allowed by Access-Control-Allow-Origin.解决办法
热门推荐
不啦草的草原
06-04 3万+
Origin XX is not allowed by Access-Control-Allow-Origin.  其实就是  js 跨域访问问题 什么引起了ajax不能跨域请求的问题？ ajax本身实际上是通过XMLHttpRequest对象来进行数据的交互，而浏览器出于安全考虑，不允许js代码进行跨域操作，所以会警告。   解决方法   红色是重点的地方。
Origin http://localhost:3000 is not allowed by Access-Control-Allow-Origin
Top5软件工程硕士，先后在京东、字节从事多年Java后端开发、实时和离线大数据开发
09-26 4129
安装插件： Allow-Control-Allow-Origin: * fetch的请求中就不必带mode：“no-cors”这句话了   参考： https://stackoverflow.com/questions/35588699/response-to-preflight-request-doesnt-pass-access-control-check    ...
Origin 'http://localhost:8080' is therefore not allowed access
hk_life的博客
08-10 1万+
Failed to load https://qdyhdfw.beway.cn/api/start?cifNo=: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:8080’ is therefore not allowed access.比...
跨域请求被拒绝时，会进入后端接口执行吗？ 对跨域有个全面的认知
yionr的博客
11-07 4189
本文以==跨域请求服务器端是如何处理的，是否会执行业务代码，浏览器又是如何处理的==这个疑问为出发点，以实验的形式探索了跨域在B/S端的处理方式，实验首先以自己实现CORS基本规范来得出结果，随后又结合标准探索了Spring的`@CrossOrigin`注解的实现以及源码解读。在这个过程中发现了很多支线问题，并一一解决并记录。
解决Ajax跨域问题：Origin xx is not allowed by Access-Control-Allow-Origin
博茨瓦纳的狮王
09-01 1万+
今天一个Ajax跨域问题，纠结我半天，记录之。      title     src="http://code.jquery.com/jquery-1.7.1.min.js">             $.ajax({             url:"http://map.yanue.net/gpsApi.php?lat=22.502412986242&lng=113.93832783
JQuery 的 ajax 出现Origin null is not allowed by Access-Control-Allow-Origin 解决方法
qq_49333212的博客
07-09 1667
JQuery 的 ajax 出现Origin null is not allowed by Access-Control-Allow-Origin 解决方法
Origin null is not allowed by Access-Control-Allow-Origin. Status code: 200
最新发布
03-03
"Origin null is not allowed by Access-Control-Allow-Origin. Status code: 200" 是一个常见的跨域请求错误。它表示在进行跨域请求时，服务器没有设置允许访问的来源（Origin）。 当浏览器发起一个跨域请求时，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值