ajax 设置Access-Control-Allow-Origin实现跨域访问

执着的小鱼儿

于 2019-10-30 09:11:37 发布

阅读量1.4k

点赞数

分类专栏： Thinkphp JQUERY PHP

本文链接：https://blog.youkuaiyun.com/zhizhuo0915/article/details/102812030

版权

Thinkphp 同时被 3 个专栏收录

41 篇文章

订阅专栏

PHP

32 篇文章

订阅专栏

JQUERY

20 篇文章

订阅专栏

本文介绍了解决跨域问题的一种方法，通过在PHP后台添加特定的header信息，允许其他域名访问并定义了响应类型及响应头，实现跨域AJAX请求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

例如：客户端的域名是www.client.com,而请求的域名是www.server.com

如果直接使用ajax访问，会有以下错误

例："No 'Access-Control-Allow-Origin' header is present on the requested resource." site:blog.youkuaiyun.com

解决方法如下：

在PHP后台接收数据的方法中添加如下几条信息

// 指定允许其他域名访问
header('Access-Control-Allow-Origin:*');
// 响应类型
header('Access-Control-Allow-Methods:POST');
// 响应头设置
header('Access-Control-Allow-Headers:x-requested-with,content-type');

例子：

<?php
$ret = array(
    'name' => isset($_POST['name'])? $_POST['name'] : '',
    'gender' => isset($_POST['gender'])? $_POST['gender'] : ''
);
 
header('content-type:application:json;charset=utf8');
header('Access-Control-Allow-Origin:*');
header('Access-Control-Allow-Methods:POST');
header('Access-Control-Allow-Headers:x-requested-with,content-type');
 
echo json_encode($ret);
?>