如何通过PHP实现D3读取代理数据？附相关实现示例

嘿，我来帮你搞定这个问题！因为浏览器的同源策略限制，D3没法直接请求外部域名的数据，所以咱们用PHP做个中间代理——后端请求不受同源限制，再把数据返回给前端D3就行。

一、先修正你的PHP代理代码 #

你原来的PHP代码有个明显的问题：$_GET['https://www.google.com/...']是错误的写法，应该获取前端传过来的url参数。另外，为了更可靠和安全，咱们优化一下：

安全的PHP代理示例（proxy.php） #

<?php
// 安全校验：只允许指定域名的请求，防止恶意滥用
$allowedDomains = [
    'www.google.com',
    'finance.google.com'
];

// 获取前端传递的目标URL
$targetUrl = $_GET['url'] ?? '';
if (empty($targetUrl)) {
    http_response_code(400);
    echo "请提供目标URL参数";
    exit;
}

// 解析目标URL，校验域名是否在白名单内
$parsedUrl = parse_url($targetUrl);
$domain = $parsedUrl['host'] ?? '';
if (!in_array($domain, $allowedDomains)) {
    http_response_code(403);
    echo "不允许访问该域名";
    exit;
}

// 用cURL请求目标数据（比file_get_contents更可靠，支持更多配置）
$ch = curl_init($targetUrl);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
// 模拟浏览器请求，避免被目标网站拦截
curl_setopt($ch, CURLOPT_USERAGENT, 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36');
$response = curl_exec($ch);
$httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE);

// 处理请求错误
if (curl_errno($ch)) {
    http_response_code(500);
    echo "请求目标数据失败：" . curl_error($ch);
    curl_close($ch);
    exit;
}
curl_close($ch);

// 设置响应头，匹配目标数据的类型（谷歌财经返回的是文本格式）
header('Content-Type: text/plain');
http_response_code($httpCode);
echo $response;
?>

二、前端D3调用代理的方法 #

如果直接用D3读取数据，比如要解析谷歌财经的价格数据，可以这么写：

// 目标数据URL（你要请求的谷歌财经地址）
const targetDataUrl = 'https://www.google.com/finance/getprices?q=.NSEI&x=NSE&i=600&p=1d&f=d,o';

// 通过PHP代理请求数据
d3.text(`proxy.php?url=${encodeURIComponent(targetDataUrl)}`)
  .then(data => {
    // 拿到数据后，就可以用D3解析处理了
    console.log("获取到的代理数据：", data);
    // 比如拆分数据行做后续处理
    const lines = data.split('\n').filter(line => line.trim() !== '');
    // 这里可以加你的D3可视化逻辑...
  })
  .catch(error => {
    console.error("请求代理数据失败：", error);
  });

三、你的jQuery代码修正方案 #

如果你还是想用jQuery来请求，调整参数传递方式就行：

function loadTheUrl(x) {
  $.ajax({
    url: 'proxy.php',
    data: { url: encodeURIComponent(x) }, // 一定要编码URL，避免特殊字符出问题
    type: 'get',
    success: function(output) {
      $('.loading-space').html(output);
      // 如果要给D3用，可以把output传给D3的处理函数
    }
  });
}

// 调用示例
loadTheUrl('https://www.google.com/finance/getprices?q=.NSEI&x=NSE&i=600&p=1d&f=d,o');

注意事项 #

• 安全优先：一定要加域名白名单，不然你的代理可能被用来发起恶意请求，给服务器带来风险。
• 模拟浏览器请求：有些网站会拦截非浏览器的请求，所以PHP的cURL里设置User-Agent很有必要。
• 错误处理：代码里加了各种错误状态码返回，方便前端快速排查问题。

内容的提问来源于stack exchange，提问作者Arash Howaida