0

我对 Javascript 比较陌生，我一直在尝试使用 AJAX 从 URL 获取 JSON 数据。

该 url 返回一个关于我想要请求/获取的字符的数组，然后处理数据以在 html 中显示它。该网址是： http ://stark-tundra-9859.herokuapp.com/locations

我正在使用的代码如下，问题是我似乎没有收到任何响应。此外我不知道请求信息变量应该是什么：

function ajax_request() {

requestInfo='';

var params = JSON.stringify(requestInfo);

$.ajax({
  type: "GET",
  url: 'http://stark-tundra-9859.herokuapp.com/locations',
  data: params,
  contentType: "application/json",
  dataType: "json",
  converters: {
    'text json': true
  },

  success: function(response) {
    $("#responseParagraph").html(response);

  },
  error: function(error) {
    $("#responseParagraph").html(error.responseText);

  }
});

}

@agam360，我还使用 JQUERY 完成了此代码的一个版本，并且在控制台中收到一条消息，如下所示：

获取http://stark-tundra-9859.herokuapp.com/locations 200 OK 198ms

响应头 Connection keep-alive Content-Length 154 Content-Type application/json;charset=utf-8 Server thin 1.5.1 codename Straight Razor X-Content-Type-Options nosniff

请求头 Accept application/json, text/javascript, / ; q=0.01 Accept-Encoding gzip, deflate Accept-Language es-ES,es;q=0.8,en-US;q=0.5,en;q=0.3 Connection keep-alive Host stark-tundra-9859.herokuapp.com 来源null 用户代理 Mozilla/5.0 (Windows NT 6.1; rv:16.0) Gecko/20100101 Firefox/16.0

用于接收该答案的代码如下：

function json_request() {

$.getJSON(url,
    function(data) {
        alert(data);
        $('#responseParagraph').append("<p>"+data.responseMessage+"</p>");
    });

}

在这个 JQUERY 中，似乎我没有正确接收来自 JSON 请求的数据。也许我处理错误？

我将非常感谢您提前提供任何帮助！

4

1 回答 1

2

要回答这个问题，我需要问你两件事：
1）你在哪个域上运行这个脚本？（在与“ http://stark-tundra-9859.herokuapp.com/ ”相同的服务器上？）
因为该 URL 不允许CORS（跨源资源共享）

2) 打开您的控制台（在 chrome 中：Ctrl+shift+j）并告诉我们
您收到的错误消息（如果有的话）。

如果您对第一个问题的回答是否定的（意味着您没有在同一主机上运行脚本），那么，如果您可以控制该页面，请通过发送以下标头启用 CORS（请阅读有关此的一些信息，与安全性相关实施前）：

Access-Control-Allow-Origin: *

可以在enable-cors.org上找到更多特定于语言的实现（如果您不愿意使用 CORS， 您还可以阅读有关跨域请求的“ JSONP ”实现）。

另一方面，（您的答案是肯定的），我们需要查看您的服务器端相关代码，以及客户端抛出的任何错误消息。

注意：从我所看到的（截至现在 - 发布我的答案后 5 分钟），http://stark-tundra-9859.herokuapp.com/locations URL 返回“ 500 - 内部服务器错误” - 你的问题似乎与服务器端有关。

更新， 您需要在获得数据后将其作为 JSON 对象访问，
如下所示：

data[0].lat // will hold the lat value of the first object in the JSON wrapper object

至于用 jQuery 实现 JSONP，我在 SO 中进行了快速搜索，您可能想看看以下内容：jQuery AJAX cross domain

于 2013-05-31T14:17:55.173 回答