ajax 设置Access-Control-Allow-Origin实现跨域访问

最新推荐文章于 2019-05-11 14:42:20 发布

知~仁~勇

最新推荐文章于 2019-05-11 14:42:20 发布

阅读量3.1k

点赞数 2

分类专栏： php ajax 跨域

php 同时被 3 个专栏收录

91 篇文章 0 订阅

订阅专栏

ajax

1 篇文章 0 订阅

订阅专栏

跨域

1 篇文章 0 订阅

订阅专栏

 
 <html>  
<head>  
    <title>title</title>  
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>  
    <script>  
        $.ajax({  
            url:"http://*****/***.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.oicqzone.com/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://*****/***.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：*

header("Access-Control-Allow-Origin: *"); # 跨域处理

知~仁~勇

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax 设置Access-Control-Allow-Origin实现跨域访问

html> head> title>titletitle> script src="http://code.jquery.com/jquery-1.7.1.min.js">script> script> $.ajax({ url:"http://*****/***.php?lat=22.502412986242&lng=1
复制链接

扫一扫