解决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"=>"请求成功"));
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!