解决ajax跨域访问的问题

前端之家收集整理的这篇文章主要介绍了解决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",}); 
</script>

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

猜你在找的Ajax相关文章