获取 API 休息和过去到 Json + Html答案

【问题标题】：Get API Rest and past to Json + Html获取 API 休息和过去到 Json + Html
【发布时间】：2021-07-22 09:15:01
【问题描述】：

我需要帮助，我有一个 api 和访问密钥。 “https://api-redemet.decea.mil.br/mensagens/metar/SBKP?api_key=XXXXX”。当我直接调用浏览器时，它会返回 Json 中的信息。

我需要从返回调用“mens”中获取一个标签：它从每小时“METAR SBKP 290100Z 13012KT CAVOK 18/14 Q1020="

返回此更新数据

一位朋友帮助我使用了另一个相同风格的 API，他创建了一个捕获一些标签的本地 html。

我今天使用的 HTML。

<!DOCTYPE html>
<html lang="pt-br">
    <head>
    <title>Metar</title>
        <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
        <script>
            $(document).ready(function(){
                $.ajaxSetup({ cache: false });
                setInterval(function() {
                    $.getJSON('https://api.radarbox.com/v2/airports/SBKP/metar', { bearerToken: "XXXXXXXX" })
                        .done(function(data) {
                        
                        var text = `<table>
                                        <tr style="background-color: #C4C4C4">
                                        <td><span style="color: rgb(255, 255, 0);"><strong>Metar SBKP ${data.apiMetar.observationTime}</strong></span></td>
                                                                                </tr>
                                                                        
                                                                            </table>`
                                    
                        $(".mypanel").html(text);
                    });
                }, 9000);
            });
        </script>
    </head>

    <body>
        <div class="mypanel"></div>
    </body>
</html>

新的 API 返回：

{"status":true,"message":200,
"data":
{"current_page":1,
"data":[{"id_localidade":"SBKP","validade_inicial":"2021-04-29 01:00:00","mens":"METAR SBKP 290100Z 13012KT CAVOK 18\/14 Q1020=","recebimento":"2021-04-29

我需要“男士”获取此信息：“METAR SBKP 290100Z 13012KT CAVOK 18/14 Q1020="

并写入 html 更改 ${data.apiMetar.observationTime}

其他问题，首先Api使用bearerToken和新的？

API信息 --> https://ajuda.decea.mil.br/base-de-conhecimento/api-redemet-mensagem-metar/

Tks 寻求帮助

【问题讨论】：

要获取“mens”值，可以使用data.data.data[0].mens。
我试图通知，也没有返回

标签： html json api

【解决方案1】：

感谢您的帮助。我不是开发人员，所以我赶上了它 kkkkkkkk

我通过此调用更改了我的 HTML，但没有显示任何内容。我不知道我是否从 api_key 传递了正确的调用，旧的调用是： $.getJSON('https://api.radarbox.com/v2/airports/SBKP/metar', { bearerToken: "ac3e1a8bXXXXXXX" }) 和我看到的新的直接在 URL 中通知你，可能是我通知错误，我是这样通知的：$.getJSON(https'api-redemet.decea.mil.br/mensagens/metar/SBKP?api_key=FEG1OXXXXXXXX'})

HTML 现在是：

<!DOCTYPE html>
<html lang="pt-br">
    <head>
    <title>Metar</title>
        <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
        <script>
            $(document).ready(function(){
                $.ajaxSetup({ cache: false });
                setInterval(function() {
                    $.getJSON('https://api-redemet.decea.mil.br/mensagens/metar/SBKP?api_key=FEG1OXXXXXX'})
                        .done(function(data) {
                        
                        var text = `<table>
                                        <tr style="background-color: #C4C4C4">
                                        <td><span style="color: rgb(255, 255, 0);"><strong>Metar SBKP ${data.data[0]['mens']}</strong></span></td>
                                                                                    </tr>
                                                                                                                            
                                                                            </table>`
                                    
                        $(".mypanel").html(text);
                    });
                }, 1000);
            });
        </script>
    </head>

    <body>
        <div class="mypanel"></div>
    </body>
</html>

【讨论】：

【解决方案2】：

假设这是您的 JSON 对象

{
    "status":true,
    "message":200,
"data": 
{
    "current_page":1,
    "data":[{
        "id_localidade":"SBKP",
        "validade_inicial":"2021-04-29 01:00:00",
        "mens":"METAR SBKP 290100Z 13012KT CAVOK 18\/14 Q1020=",
        "recebimento":"2021-04-29 
    }]
}

更新后的代码应该是这样的：

$.getJSON('https://api.radarbox.com/v2/airports/SBKP/metar', { bearerToken: "XXXXXXXX" })
.done(function(data) {

var text = `<table>
                <tr style="background-color: #C4C4C4">
                <td><span style="color: rgb(255, 255, 0);"><strong>Metar SBKP ${data.data[0]['mens']}</strong></span></td>
                                                        </tr>
                                                
                                                    </table>`
            
$(".mypanel").html(text);
});

【讨论】：

您好托尼，感谢您的帮助。
@EduardoCavallini 很高兴我能帮助你。