HTTPS 页面中使用 HTTP AJAX 操作：如何解决“阻止混合内容”错误？

php

2024-03-06 18:44:28

HTTPS 页面中的 HTTP AJAX 操作：解决“阻止混合内容”错误

问题

当你尝试在 HTTPS 页面中运行一个 HTTP AJAX 操作时，可能会遇到“阻止混合内容”的错误。这是因为现代浏览器出于安全原因，不允许在 HTTPS 页面中请求不安全的 HTTP 端点。

解决方案

解决此问题有几种方法：

1. 将端点转换为 HTTPS

如果你有权访问 CRM 端点，可以将其配置为通过 HTTPS 提供。

2. 使用 PHP 文件进行中介

如果无法将端点转换为 HTTPS，可以使用 PHP 文件在服务器端充当中介。具体步骤如下：

创建一个 PHP 文件来接收 AJAX 请求。
使用 curl 将数据提交到 CRM 端点。
重定向用户到感谢页面。

详细步骤

使用 PHP 文件中介的详细步骤：

创建一个 PHP 文件，例如 ajax-proxy.php。
添加以下代码：

<?php
// 接收 AJAX 请求的数据
$data = $_POST['data'];

// 使用 curl 将数据提交到 CRM 端点
$ch = curl_init('https://example.com/crm/endpoint');
curl_setopt($ch, CURLOPT_POST, 1);
curl_setopt($ch, CURLOPT_POSTFIELDS, $data);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
$result = curl_exec($ch);
curl_close($ch);

// 重定向用户到感谢页面
header('Location: https://example.com/thank-you');
exit;
?>

将 AJAX 请求指向 PHP 文件：

jQuery.ajax({
    url: "ajax-proxy.php",
    data : jQuery("#form-click-to-call").serialize(),
    type : "POST",
    processData: false,
    contentType: false,
    success: function(data){
        window.location.href = "https://www.example.com/thank-you";
    }
});