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

时间：2022-03-14 20:45

解决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 . Origin 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

电脑软件

今日推荐

松滋水利官方版

版本：v1.0.23

大小：25.6M

日期：2024-10-01
开发者联盟完整版

版本：v12.8.1.301

大小：22.9M

日期：2024-10-01
360视觉云平台官方版

版本：v1.4.0

大小：158.9M

日期：2024-10-01
考驾照帮手官方版

版本：v1.0.0

大小：36.5M

日期：2024-10-01
帮对作业官方版

版本：v2.0.2

大小：16.3M

日期：2024-10-01
笔趣阁免费全本小说在线阅读版

版本：1.0

大小：18.83MB

日期：2024-10-01

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

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

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

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

相关推荐

电脑软件

热门排行

今日推荐

热门手游

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

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

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

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

相关推荐

电脑软件

热门排行

今日推荐

热门手游

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