javascript - 如何将来 self 正在使用的 API 的 JSON 响应分配给页面上的元素?

标签 javascript json api

我正在尝试使用 https://developer.forecast.io 中的 API我收到了 JSON 响应,这是我第一次使用 API,我真正需要知道的是,如何将从 API 返回的 JSON 响应分配给我页面上的元素。谢谢!

enter image description here

这是通过我的标题中的脚本标签完成的:

脚本(src='https://api.forecast.io/forecast/APIKEY/LAT,LON')

最佳答案

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));
        }
    });
});

当然,您需要对该 block 进行一些调整,但您明白了

关于javascript - 如何将来 self 正在使用的 API 的 JSON 响应分配给页面上的元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16050652/

相关文章:

javascript - 在标准模式下设置元素宽度或高度

javascript - React Redux 应用程序 - 复杂的 init Action 组合在其他 promise 完成之前执行最终 promise

c# - 如何使用 C# 将 JSON 文本转换为对象

javascript - JSON 数据验证失败

ruby-on-rails - API/JSON : Can't verify CSRF token authenticity

javascript - 更改 Window.print() 纸张方向

javascript - 使用 Javascript 从 JSON 格式化日期

json - 将 JSON.parse() 位置转换为行号和列

python - 如何将 Flask 路由中的 PATCH 方法作为 API 处理?

java - 如何从返回的 HttpResponse 获取特定值