php - d3通过PHP读取代理数据的方法

Question

在现有的SO文献中，看到过使用jquery和PHP代理数据的例子:

j查询

function loadTheUrl(x){      
    $.ajax({ url: 'loader.php',
         data: {url: x},
         type: 'get',
         success: function(output) {
                      $('.loading-space').html(output);
                  }
            });

  } 

PHP

<?php
$doc = new DOMDocument();
$doc->loadHTML(file_get_contents($_GET['https://www.google.com/finance/getprices?q=.NSEI&x=NSE&i=600&p=1d&f=d,o']));
echo $doc->saveHTML();

这是在上面的 PHP 中看到的 URL 中数据的前几行的样子。这是纯文本页面，如下所示:

MARKET_OPEN_MINUTE=570
MARKET_CLOSE_MINUTE=960
INTERVAL=300
COLUMNS=DATE,OPEN
DATA=
TIMEZONE_OFFSET=-240
a1521120900,555.45
1,554.53
2,554.07
3,553.9
4,552.67
...

据我所知，PHP 是正确的。对于我的用例，我需要通过 d3 复制上面的 jquery。我希望 d3 有一些东西可以用来连接我的 php 文件输出的数据。

如果您想知道我为什么要讲这么长的篇幅，那是因为我的浏览器不允许我运行脚本(即 d3.text()、d3.csv() 等)直接通过说 d3.text('https://www.google.com/finance...') 由于臭名昭著的访问控制源 header 错误。所以我的计划是从我从我的服务器提供的本地 php 文件中镜像来自 google 回填的数据。这样每个人都很开心(或者至少我)。

当我尝试在我的 php 文件上调用 d3.text() 时，我的数据没有正确加载。换句话说，我试过:d3.text('my_loader.php')。但这导致了很多 NaN 错误，我通常注意到这是某种解析错误的症状。回顾我的代码，一切似乎都很好。我进行了一元解析，字符串应该转换为数字。事实上，离线时一切正常。我可以在我的 IDE 中直接加载和解析数据。只有当我将我的 d3 图表发布到网上时，我才意识到我无法解析来自不同来源的数据。这是我添加 PHP 组件的地方。我的预感是 d3 实际上是在尝试解析我的 PHP 页面，而不是 PHP 指向的 URL。后来我通过在控制台中传递 d3.text() 返回的 data 来确认这一点，它确实是 PHP 页面本身。

问题针对我的跨域数据情况，在d3端或者PHP端如何做两者相互连接正确吗？我想知道 d3 是否只适用于同源数据，或者是否真的有一种方法可以使用我不知道的技术(PHP 或其他方式)读取/解析跨源数据。

Answer 1

$_GET 变量中不存在您要获取的 url。

您提交的参数是一个数组:

$_GET = ['url' => 'some_url'];

这意味着:

$_GET['https://www.google.com/finance/getprices?q=.NSEI&x=NSE&i=600&p=1d&f=d,o]

是错误的(它在字符串末尾也缺少引号)。

应该是$_GET['url']

没有验证:

<?php
header('Content-Type: text/plain');
echo file_get_contents($_GET['url']);

但这既不存在也不存在。

我认为问题出在传递的 url 上。它包含一个问号和多个＆符号(? 和&)。我认为这是在增加 $_GET 参数，所以您得到的只是 https://www.google.com/finance/getprices?q=.NSEI。您需要将 url 包装在 encodeURIComponent 中:

var url = encodeURIComponent('https://www.google.com/finance/getprices?q=.NSEI&x=NSE&i=600&p=1d&f=d,o');
d3.text('/path/to/myscript.php?url=' + url);