使用 jQuery 和 JSONP 从不同服务器上的文本文件检索数据

Question

你好，我正在尝试做一些非常简单的事情，但由于我对 JSONP 还很陌生，所以我正在努力解决它。我想做的就是从不同域中的文本文件中检索一些 JSON（因此我需要使用 JSONP 来解决跨域问题）。我使用以下代码：

$.ajax({
        type: "GET",
        dataType: 'jsonp',
        url: "http://www.topshop.com/aboutus/show.txt",
        success: returnedMessage
});

function returnedMessage(data) {
    console.log(data.message);
}

我知道 JSONP 将 JSON 作为函数返回，但我不知道如何将生成的 json 对象打印到控制台。我很确定它可以完成，但正如我在 Firebug 的 NET 选项卡中看到的那样，它返回 JSON 作为响应。在 Firebug 控制台中，我收到一条无效标签消息，我认为这是因为我没有以正确的方式处理 JSONP 请求。谁能帮我解决这个问题吗？

Answer 1

您的 JSONP 格式不正确。该文件包含 JSON 数据，而不是 JSONP 数据。您收到的错误消息是因为浏览器正在尝试将对象作为代码运行。您需要在 JSON 数据周围放置一个函数调用：

callback({
  "message": "This is coming from staging."
});

由于文本文件无法使用带有发送给它的函数名称的查询字符串，因此您必须使用 jsonpCallback 指定函数名称属性代替：

$.ajax({
  type: "GET",
  dataType: 'jsonp',
  jsonpCallback: 'callback',
  url: "http://www.topshop.com/aboutus/show.txt",
  success: returnedMessage
});

Answer 2

这应该有效：

$.getJSON('http://www.topshop.com/aboutus/show.txt?callback=?', function(data) {
  console.log(data);
});