解决ajax跨域访问的问题

跨域问题的表现形式就是,不能用js或ajax访问非本域名的资源；如本地127.0.0.1不能用ajax或js访问http://stx.rtxcf.com 的资源；如下截图：

 

解决方法一：利用JSONP来解决

简单的理解就是

普通的ajax是请求服务器，成功后将返回的数据放在callback方法中执行

而jsonp是将callback方法整体的发到服务器，让服务器执行js代码；这样就可以解决跨域访问的问题了；

 

客户端代码

$.ajax({ 
    url:"http://stx.rtxcf.com/Apps/Money/test", //该地址换成你自己的服务器地址
    dataType:'jsonp', 
    data:'', 
    jsonp:'callback', 
    success:function(result) { 
         alert(result.info);
    }, 
});

服务器端代码

public function test() {
     $arr = array('status'=>'0',"info"=>"暂无数据");
     $json = json_encode($arr);
     echo $_GET['callback']."({$json})"; 
}

解决方法二：在服务器端添加Access-Control-Allow-Origin头

 客户端代码

<script type="text/javascript" src="jquery.min.js" ></script>
<script>
$.ajax({ 
    url:"http://stx.rtxcf.com/Apps/Money/test", 
    dataType:"json",
    success:function(result) { 
         alert(result.info);
    }, 
}); 
</script>

服务器端代码

 

public function test() {
     header("Access-Control-Allow-Origin: *");
     echo json_encode(array("status"=>"1","info"=>"请求成功"));
}