php ajax 跨域 post请求数据

本文将介绍如何使用PHP和Ajax进行跨域POST请求数据的方法。跨域是指在一个域名下的网页，通过JavaScript访问另一个域名下的资源。由于浏览器的同源策略限制，AJAX请求默认是不能跨域的。然而，我们可以通过PHP作为中间层来实现跨域请求，从而解决这个问题。

假设我们有两个域名，域名A和域名B。在域名A的页面中，我们希望发送一个POST请求到域名B，并获取返回的数据。首先，我们需要创建一个PHP文件来作为中间层。

?php// 接收前端发送的POST数据$data = $_POST['data'];
    // 设置域名B的URL和请求头$url = 'http://域名B.com/post.php';
    $headers = array('Content-Type: application/x-www-form-urlencoded',);
    // 创建一个cURL资源并设置参数$ch = curl_init();
    curl_setopt($ch, CURLOPT_URL, $url);
    curl_setopt($ch, CURLOPT_POST, 1);
    curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query($data));
    curl_setopt($ch, CURLOPT_HTTPHEADER, $headers);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
    // 发送请求并获取返回结果$response = curl_exec($ch);
    // 关闭cURL资源curl_close($ch);
    // 返回结果给前端echo $response;
    ?>

在上面的代码中，我们首先接收前端发送的POST数据。然后，我们设置域名B的URL和请求头。创建一个cURL资源并设置参数，包括URL、POST请求、POST数据、请求头和返回结果。最后，我们关闭cURL资源并将返回结果发送给前端。

假设我们在域名A的页面中使用以下的JavaScript代码来发送POST请求，并在控制台打印返回的数据。

var data = {
name: 'John',age: 25}
    ;
    var xhr = new XMLHttpRequest();
    xhr.open('POST', 'http://域名A.com/proxy.php', true);
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.onreadystatechange = function () {
    if (xhr.readyState === 4 &
    &
 xhr.status === 200) {
    var response = JSON.parse(xhr.responseText);
    console.log(response);
}
}
    ;
    xhr.send('data=' + JSON.stringify(data));
    

在上面的代码中，我们首先创建一个data对象来存储要发送的数据。然后，我们使用XMLHttpRequest对象创建一个POST请求，设置请求头并监听onreadystatechange事件。在事件回调函数中，我们判断请求是否成功完成，并将返回的数据解析为JSON格式并打印到控制台。

通过以上的代码，我们成功实现了跨域POST请求数据的功能。当我们在域名A的页面中发送POST请求时，该请求会先发送到域名A的proxy.php文件中，然后通过PHP的curl函数将请求转发给域名B的post.php文件，最后将返回结果发送给前端。这样，我们就成功绕过了浏览器的同源策略限制，实现了跨域请求。

当然，以上只是一个简单的示例，你可以根据实际需求对代码进行修改和扩展。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！