大佬教程收集整理的这篇文章主要介绍了获取 API Rest 并传递到 Json + Html，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我需要帮助，我有一个 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 寻求帮助
假设这是您的 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);
});
感谢您的帮助。我不是开发人员，所以我被它赶上了 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,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>
以上是大佬教程为你收集整理的获取 API Rest 并传递到 Json + Html全部内容，希望文章能够帮你解决获取 API Rest 并传递到 Json + Html所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。