PHP后端API接口解决Ajax跨域请求的方式

如果我们是前后端分离，且不再同一域的情况下，前端使用Ajax请求后端的数据的时候，就会出现跨域的问题。

在前端我们可以使用获取jsonp格式来应对跨域问题，但是这种方式比较难用，如果前端后端都是可以进行编写的情况下，我们可以修改PHP后端的格式，用这样的方式来解决跨域问题。

根据查找资料，我们可以通过设置Access-Control-Allow-Origin来实现跨域。

在此我们规定，客户端为：http://abc.com 被请求端为：http://def.com

1、允许单个域名访问
header('Access-Control-Allow-Origin:http://abc.com');

2. 允许多个域名访问

$origin = isset($_SERVER['HTTP_ORIGIN'])? $_SERVER['HTTP_ORIGIN'] : '';  //获取请求的域名
$allow_origin = array(  'http://abc.com',  'http://abc1.com'
);//允许的域名
if(in_array($origin, $allow_origin)){   //判断是否在允许域名列header('Access-Control-Allow-Origin:'.$origin);
}

3.允许所有域名访问
header('Access-Control-Allow-Origin:*'); 

PHP后端API接口解决Ajax跨域请求的方式相关推荐

用iframe设置代理解决ajax跨域请求问题
用iframe设置代理解决ajax跨域请求问题参考文章: (1)用iframe设置代理解决ajax跨域请求问题 (2)https://www.cnblogs.com/ranzige/p/370965 ...
本地主机作服务器解决AJAX跨域请求访问数据的方法
本地主机作服务器解决AJAX跨域请求访问数据的方法参考文章: (1)本地主机作服务器解决AJAX跨域请求访问数据的方法 (2)https://www.cnblogs.com/QiScript/p/5 ...
ajax error parsererror,完美解决ajax跨域请求下parsererror的错误
AJAX 的完美解决ajax跨域请求下parsererror的错误 ajax请求报parsererror错误是很宽泛的概念,很多情况下都报这个错, 在很多时候,即使ajax提交.返回都正常 XMLH ...
js请求结果拦截机器_js利用jquery的jsonp来解决ajax跨域请求被浏览器拦截结果的问题...
先来个表.页面太多对不起我也不知道这张表是从哪个博客保存过来的,所以无法注明博客地址.非常抱歉.URL说明是否允许通信 http://www.a.com/a.jshttp://www.a.com/b. ...
Spring Boot学习总结（6）——SpringBoot解决ajax跨域请求问题的配置
ajax是一种创建交互式网页应用的网页开发技术,是一种用于创建快速动态网页的技术,通过在后台与服务器进行少量数据交换.而ajax的跨域问题则是请求了其他项目的接口地址,当协议.子域名.主域名.端口号中 ...
Django解决ajax跨域请求问题
提示:以下是本篇文章正文内容,下面案例可供参考一.什么是跨域请求? 当我们使用前端通过浏览器对后台接口发起请求的时候,浏览器判断我们的请求的目标接口所在主机和本机的协议.域名(ip).端口号是否相同 ...
jQuery利用JSONP解决AJAX跨域请求
出于安全方面的考虑,页面中的JavaScript无法访问其他服务器上的数据,即"同源策略".而跨域就是通过某些手段来绕过同源策略限制,实现不同服务器之间通信的效果. JSON(Ja ...
[jQuery基础] jQuery案例 -- qq音乐以及初步解决Ajax 跨域问题
qq音乐案例案例效果展示案例效果结构划分整体布局歌曲条目部分顶部栏底部栏歌词显示部分案例实现功能 a. QQ音乐播放器静态页面布局 * 页面整体布局规划和实现 * 页面顶部布局和静态效 ...
ajax跨域请求时会出现什么问题,在用AJAX跨域请求时遇到的问题
刚刚接触ajax就遇到一个词--跨域. 在我百度了各种资料以后总结了一句话:"只要不是在一个协议.域.名端口下,都属于跨域(127.0.0.1本地也属于跨域)". 在做ajax请求 ...

PHP后端API接口解决Ajax跨域请求的方式

PHP后端API接口解决Ajax跨域请求的方式相关推荐

最新文章

热门文章