纯文本文件的跨域ajax请求

Question

我正在努力解决一个看似简单的问题。 我有一个 json 数据，它作为纯文本文件存储在某个服务器上，我需要在 javascript 中加载它。我收到错误

XMLHttpRequest 无法加载 http://www.cgarea.com/ary_telemetry/messages.json。请求的资源上不存在“Access-Control-Allow-Origin”标头。 Origin 'http://fiddle.jshell.net' 因此不允许访问。

我正在阅读有关 CORS 的信息并测试不同的解决方案，但没有成功。 如果目标 URL 是 PHP 脚本，我可以设置一个标头（'Access-Control-Allow-Origin: *'），但它只是一个文本文件。 我怎样才能加载这个？我需要创建一个很小的 ​​PHP 脚本吗？ 返回文件内容？

我在http://jsfiddle.net/rt6jj5tv/6/上放了一个最少的代码

感谢任何提示，谢谢。

JS代码：

function GetMessages()
{
    //$.getJSON("http://www.cgarea.com/messages.json", GetMessagesCB);      
  $.ajax({
            type: 'GET',
            url: "http://www.cgarea.com/messages.json",
            dataType: "text/plain",
            success: GetMessagesCB
            });
}

function GetMessagesCB(data)
{
    console.debug(data);
    var ui = document.getElementById("Message");
    ui.innerHTML = data;
}

GetMessages();

Answer 1

很抱歉，出于某种原因，我以为有 PHP。
好吧，要完全回答您的问题，您需要在服务器端启用 CORS。除非您拥有：http://www.cgarea.com/ary_telemetry/messages.json，否则您只能联系该网站的所有者。

Answer 2

正如您所提到的，您需要运行 JSONP 或 CORS 代理才能通过 AJAX 从另一个域检索文本文件。这是浏览器内置的安全机制。

您可以在自己的 PHP 脚本中添加标头来实现此目的。另一种可能的方法是use YQL。

代码：

function GetMessages()
{
  $.getJSON("http://query.yahooapis.com/v1/public/yql",
    {
      q:      "select * from json where url=\"http://www.cgarea.com/messages.json\"",
      format: "json"
    },
    function (data) {
      if (data.query.results) {
        GetMessagesCB(data.query.results.json);
      } else {
        alert('bad');
      }
    }
  );
}

function GetMessagesCB(data)
{
    console.debug(data);
    var ui = document.getElementById("Message");
    ui.innerHTML = JSON.stringify(data);
}

GetMessages();

您的小提琴已更新：http://jsfiddle.net/rt6jj5tv/7/