跨域的概念:
当浏览器从一个域名的页面请求来自另外一个域名的资源时,由于浏览器的同源策略,便产生了跨域问题。域名,协议,端口只要有一个不同,就是跨域。
跨域的解决:
跨域有多种解决方式,主要说明在项目中实际应用的在被请求的php文件中添加header("Access-Control-Allow-Origin: *")这种方式。
前端的域名是192.168.100.11,后端的域名是192.168.100.24,前端的ajax请求后端的api数据时,产生了跨域。
前端的Ajax请求:
$.ajax({
type: "get",
data: "id=id",
url: "192.168.100.24/ajaxapi/getNewsDetail",
dataType: "json",
success: function(data) {
console.log(data);
},
error: function() {
}
});
后端ajaxapi接口代码:
//[资讯中心]文章详情
function getNewsDetail ()
{
header('Access-Control-Allow-Origin:*'); //这里设置为*表示允许所有域名的访问,也可以设置为允许某个域名访问
$id = IFilter::act(IReq::get('id'),'int');
if(!$id)
{
echo json_encode(array('code'=>0,'data'=>array(),'msg'=>'fail'));
return;
}
$articleObj = new IModel('article');
$articleRows = $articleObj->getObj("id=".$id,array('title','content','create_time'));
if($articleRows)
{
echo json_encode(array('code'=>1,'data'=>$articleRows,'msg'=>'success'));
}
else
{
echo json_encode(array('code'=>0,'data'=>array(),'msg'=>'fail'));
}
}
总结:
这就实现了从域名192.168.100.11到域名192.168.100.24的跨域访问。