PHP与Ajax跨域

最新推荐文章于 2023-11-09 23:13:48 发布

Reiter_Wong

最新推荐文章于 2023-11-09 23:13:48 发布

阅读量146

点赞数

分类专栏： PHP 文章标签： Ajax跨域 php跨域

本文链接：https://blog.csdn.net/qq_38858302/article/details/97618796

版权

PHP 专栏收录该内容

8 篇文章 1 订阅

订阅专栏

简单说一下php解决跨域的问题：

在php脚本中设置响应头：

注：服务器端 Access-Control-Allow-Credentials = true时，参数Access-Control-Allow-Origin 的值不能为 '*' 。

服务端：test-a.php ，所在域名：http://a.test.com

<?php
// 允许多个域名访问
$origin = isset($_SERVER['HTTP_ORIGIN'])? $_SERVER['HTTP_ORIGIN'] : '';  
$allow_origin = ['http://a.test.com', 'http://b.test.com'];  
if(in_array($origin, $allow_origin)){  
    header('Access-Control-Allow-Origin:'.$origin);       
} 

//header('Access-Control-Allow-Origin:*'); // 允许所有域名访问（必选）
header('Access-Control-Allow-Methods:OPTIONS, GET, POST'); // 允许option，get，post请求（可选）
header("Access-Control-Allow-Headers: token, Origin, X-Requested-With, Content-Type, Accept, X-CSRF-Token"); // 允许x-requested-with请求头（可选）
header('Access-Control-Allow-Credentials: true'); // 带 cookie 的跨域访问（可选）
$data = [$_POST, $_COOKIE];
print_r(json_encode($data, JSON_FORCE_OBJECT));

客户端：test-a.html ，所在域名：http://a.test.com

<!DOCTYPE html>
<html>
<head>
	<title>Ajax 跨域</title>
</head>
<body>
</body>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
	$(function () {
		$.ajax({
			url: 'http://a.test.com/test-a.php',
			type: 'POST',
			dataType: 'json',
			data: {param1: 'value1'},
            crossDomain:true, //设置跨域为true
            xhrFields: {
                withCredentials: true //默认情况下，标准的跨域请求是不会发送cookie的
            },
			success: function (res) {
				console.log(res);
				console.log('success');
			},
			error: function (res) {
				console.log(res);
				console.log('error');
			}
		});
	});
</script>
</html>

客户端：test-b.html ，所在域名：http://b.test.com

<!DOCTYPE html>
<html>
<head>
	<title>Ajax 跨域</title>
</head>
<body>
</body>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.js"></script>
<script type="text/javascript">
	$(function () {
		$.ajax({
			url: 'http://a.test.com/test-a.php',
			type: 'POST',
			dataType: 'json',
			data: {param1: 'value1'},
            crossDomain:true, //设置跨域为true
            xhrFields: {
                withCredentials: true //默认情况下，标准的跨域请求是不会发送cookie的
            },
			success: function (res) {
				console.log(res);
				console.log('success');
			},
			error: function (res) {
				console.log(res);
				console.log('error');
			}
		});
	});
</script>
</html>

执行结果为：

（1）同源访问

（2）不同源访问

从结果分析：同样请求 http://a.test.com/test-a.php ，域名为 b.test.com 可以获取 a.test.com 设置的cookie，但是 a.test.com 却不可以获取 b.test.com 设置的cookie。

Reiter_Wong

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
PHP与Ajax跨域

简单说一下php解决跨域的问题：在php脚本中设置响应头：注：服务器端Access-Control-Allow-Credentials = true时，参数Access-Control-Allow-Origin的值不能为'*'。服务端：test-a.php ，所在域名：http://a.test.com<?php// 允许多个域名访问$origin = iss...
复制链接

扫一扫