您的位置：首页 > 其它

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

2016-02-16 05:45 639 查看
 
<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: *"); # 跨域处理
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航