如何从我正在使用的API中为我的页面上的元素分配JSON响应？

Question

我正在尝试使用来自https://developer.forecast.io的API并且我正在获得JSON响应，这是我第一次使用API​​而我真正需要知道的是，我该如何分配JSON响应我从他们的API返回到我页面上的元素。谢谢！

这是通过标题中的脚本标记完成的：

脚本（SRC = 'https://api.forecast.io/forecast/APIKEY/LAT,LON'）

Answer 1

http://api.jquery.com/jQuery.ajax/您需要添加成功回调，该页面底部是您可以查看的示例。

修改

好的，我看到你在请求中使用脚本标记，因为api在当前域之外，你需要发出JSONP请求

$(document).ready(function(){
    $.ajax({
        url: 'https://api.forecast.io/forecast/APIKEY/LAT,LON',
        dataType: 'jsonp',
        success: function(data){
            //do whatever you want with the data here
            $("body").append(JSON.stringify(data));
        }
    });
});

当然你需要对那块块进行一些调整但是你明白了

Answer 2

您正在寻找的是DOM操作。 DOM是HTML Document Object Model，是包含文档的HTML的对象表示。有一个很多方法可以解决这个问题，但是用于执行此任务的一个更流行的Javascript库是jQuery。有关详细信息，请参阅manipulation上的帮助文档类别。

好的，根据您的澄清，您还没有使用AJAX。我说“还没有”，因为你需要。我再次推荐jQuery，并将自己的文档作为最佳资源。对于简单的“获取”，您最简单的选择是getJSON method。

因此，在非常简单的层面上，您可能会执行以下操作：

$(function(){
    $.getJSON('url_to_api', function(data) {
        $("#SummaryBox").append("<div>" + data.hourly.summary + "</div>");
    }
});