美文网首页
【转自简书fizzday】PHP设置允许ajax跨域请求的两种常

【转自简书fizzday】PHP设置允许ajax跨域请求的两种常

作者: isaaCyu | 来源:发表于2017-09-04 09:44 被阅读12次

##########原作者fizzday[点击跳转]#########

一. 服务端设置 header 头允许跨域

// 允许 fizzday.net 发起的跨域请求
header("Access-Control-Allow-Origin: fizzday.net"); 

//如果需要设置允许所有域名发起的跨域请求,可以使用通配符 *
header("Access-Control-Allow-Origin: *");

作者:fizzday
链接:http://www.jianshu.com/p/a9be8e2d84a9
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

二. jsonp跨域

有些网站处于安全考虑, 不会设置允许跨域, 而我们又刚好会用到一次跨域请求, 那么, jsonp就派上用场了:

<?php
// 设定js定义的方法 (如: js的 user() 方法)
$jsonp = 'user';

// 需要获取的数据
$data = array('id'=>1, 'name'=>'fizz');

// 转换为json
$dataToJson = json_encode($data);

// 输出
echo $jsonp.'('.$dataToJson.')';

作者:fizzday
链接:http://www.jianshu.com/p/a9be8e2d84a9
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

我们来看一下输出结果

'user({'id': 1, 'name': 'fizz'})'

格式化后的输出结果

user ({
    'id': 1, 
    'name': 'fizz'
})

你看到了什么??? 没错, 这是一个标准的 js 函数, 于是乎, 我们只需要定义一个json函数就可以了:

<script type="text/javascript">
function user(re)
{
  var name = re.name
}
</script>

是不是很爽, 我们只需要在 ajax 请求对应的php的api连接地址就可以了, 然后一次处理数据, 完事ok!!!

可是, 这也意味着不安全, 所以, 我们还是要根据实际情况, 选择适合的使用

相关文章

网友评论

      本文标题:【转自简书fizzday】PHP设置允许ajax跨域请求的两种常

      本文链接:https://www.haomeiwen.com/subject/ckisjxtx.html