当前位置: 首页> 最新文章列表> PHP实现跨域请求的两种方法：JSONP与CORS详解

PHP实现跨域请求的两种方法：JSONP与CORS详解

gitbox 2025-06-15

1. 跨域数据传输的背景

在现代前端开发中，跨域数据请求是一项常见需求。由于浏览器的安全策略限制，页面无法直接从不同域名、协议或端口中获取数据，跨域通信由此成为亟待解决的问题。本文将围绕PHP语言，介绍两种主流跨域传输方案的实现方法。

2. 理解同源策略

“同源策略”是浏览器用于保障安全性的重要机制。它要求，页面通过JavaScript发起的请求，其协议、域名及端口需与当前页面一致，才能正常访问服务器资源。例如，如果页面地址是：http://www.example.com/index.html，那么：

  • 协议必须是 http
  • 域名必须是 www.example.com
  • 端口必须是默认的80（未声明端口时）

3. 使用JSONP进行跨域请求

JSONP（JSON with Padding）是一种基于script标签的跨域数据获取方式。由于script标签不受同源策略限制，可以利用它来请求其他域名的数据，再通过回调函数获取返回值。

<script type="text/javascript">
    function jsonpCallback(data){
        alert(data);
    }
</script>
<script type="text/javascript" src="http://www.domain2.com/data.php?callback=jsonpCallback"></script>

服务器端的PHP代码如下：

<?php
$data = array('name' => 'Q.syr', 'age' => 24);
echo $_GET['callback'] . '(' . json_encode($data) . ')';
?>

该方法只支持GET请求，使用方便，但也存在安全隐患，如XSS攻击风险。

4. CORS跨域资源共享策略

CORS（Cross-Origin Resource Sharing）是W3C制定的标准，允许服务器通过设置响应头来声明哪些域名可以访问资源，是目前更安全、通用的跨域处理方式。

4.1 PHP实现CORS响应头

header('Access-Control-Allow-Origin:*');
header('Access-Control-Allow-Methods:POST,GET');
header('Access-Control-Allow-Headers:x-requested-with,content-type');

说明：

  • Access-Control-Allow-Origin：允许访问的源，*表示所有域均可访问
  • Access-Control-Allow-Methods：允许的HTTP方法
  • Access-Control-Allow-Headers：允许的请求头字段

4.2 前端使用XMLHttpRequest实现跨域请求

var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function(){
    if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
        var responseText = xmlhttp.responseText;
        console.log(responseText);
    }
}
xmlhttp.open('GET', 'http://www.domain2.com/data.php', true);
xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xmlhttp.send();

该方式支持多种HTTP方法，且安全性高，但需后端配合设置响应头。

5. JSONP与CORS对比

两种方式各有特点：

  • JSONP：实现简单，无需服务端特别配置，仅支持GET请求；存在安全隐患。
  • CORS：标准方式，支持多种请求类型和认证机制，安全性高；需要后端响应头配置。

6. 总结

本文深入讲解了PHP实现跨域通信的两种主流方案——JSONP与CORS。开发者可根据项目的实际需求、浏览器兼容性、安全性等因素选择最合适的实现方式。若追求安全与灵活性，建议优先采用CORS方式进行跨域处理。

相关内容