jquery - 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设置为。