JSONP 回调失败，需要有关 javascript/jquery 的帮助

Question

我是 json 的菜鸟（知道一点 jquery）......并试图让一个小脚本工作 我想检索某个纬度/经度的时间 并根据我在网上阅读的内容编写了这个脚本：

$.getJSON("http://ws.geonames.org/timezoneJSON?lat=47.01&lng=10.2&callback=?", 

    { 'uID': 1 }, 

    function(data) {
        $.each(data, function(i, item) {
            $("<span/>").html(item.time).html(".nowtime");
        });
    });

不用说，它不起作用......有人可以帮我一把，并解释一下 $("").html(item.time).html(".nowtime"); 方法。 （我不明白第一个是什么）

这里是json源参考：http://www.geonames.org/export/web-services.html#timezone

谢谢

Answer 1

我最初认为问题很可能出在同源策略中。为了向 URL 发出 AJAX 请求，它必须与包含 Javascript 代码的页面位于同一域（和端口）中。

但在乔治四世更正之后，我检查了它。

回调中返回的data 对象是JSON 评估的对象，它不是一个数组。很可能，您的代码应该是这样的：

$.getJSON("http://ws.geonames.org/timezoneJSON?lat=47.01&lng=10.2&callback=?", 
  { 'uID': 1 }, 
  function(data) {
    $("<span/>").html(data.time); // Or maybe with a different selector (see below)
  }
);

选择器可能也是错误的，例如，您可能希望将结果放入 id 为 test 的 div 中。在这种情况下，包含选择器的行应更改为：

$("#test").html(data.time);

这就是说，获取 id 为 test 的对象（井号 (#) 表示这是一个想法），并使用 data.time 设置的任何内容更新内容。

Answer 2

span 代码正在创建一个 span 元素，然后将其 HTML 设置为返回的时间值。不过，代码看起来是错误的，因为它立即将 HTML 设置为“.nowtime”，但从未真正将其添加到 DOM。我猜最后一个 .html('.nowtime') 真的应该是 .addClass('.nowtime') 并且应该有一个 .appendTo(???) 那里的某个地方，但我不确定你在哪里应该附加它。

编辑：

另外，我认为您不需要 each 函数。它似乎在迭代数据对象的成员。您只想让它直接使用 time 属性。

示例（不过，您可能希望将其添加到其他地方的 DOM）：

$(function() {
    $.getJSON("http://ws.geonames.org/timezoneJSON?lat=47.01&lng=10.2&callback=?", { 'uID': 1 }, function(data) {
        $("<span/>").html(data.time).appendTo('body');
    });
});

注意：如果您的 JSONP 调用要返回一个对象数组然后，您需要使用 each 方法遍历它们。我对服务了解得不够多，无法知道是否有方法可以返回对象数组。但是，这个调用没有。

Answer 3

你不是很清楚哪里出了问题。回调似乎试图获取 nowtime 字段并将其放入页面上的控件中。我认为：

$("").html

应该在双引号中有一个选择器来告诉它结果的去向。 像 $("#myfield")....