跨域问题的表现形式就是,不能用js或ajax访问非本域名的资源;如本地127.0.0.1不能用ajax或js访问http://stx.rtxcf.com的资源;如下截图:
简单的理解就是
普通的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"=>"请求成功")); }