Если вопрос ограничен использованием только HTML, то это невозможно.
Если вы имеете в виду только использование статической HTML-страницы (с поддержкой встроенного JavaScript), то существует множество способов сделать то, что вы хотите.
Вы можете использовать клиентский JavaScript,служил на статической странице, избавляя от необходимости запускать бэкэнд, такой как Node JS или какой-либо другой вид нестатического веб-сервера.
Примерно так для вашего статического HTML-файла:
<html>
<head>
<title>Using Fetch</title>
</head>
<body>
<script>
// Fetch your information here using client side JavaScript
// Do something
</script>
</body>
</html>
Ваше серверное приложение может предоставить конечную точку, которая выводит некоторый JSON, мы будем использовать конечную точку https://example.com/api/ и извлекать ее, используя Fetch API :
let url = 'https://example.com/api/';
fetch(url)
.then(res => res.json())
.then((data) => {
// Your data is in the variable 'data', do something with it
})
.catch(err => { throw err });
В целом ваш HTML-файл может выглядеть примерно так:
<html>
<head>
<title>Using Fetch</title>
</head>
<body>
<p id="data"></p>
<script>
let url = 'https://example.com/api/';
fetch(url)
.then(res => res.json())
.then((data) => {
document.getElementById("data").innerHTML = data;
})
.catch(err => { throw err });
</script>
</body>
</html>
Этот код является базовым примером получения некоторых данных.от конечной точки и настройки абзаца на вашей странице, чтобы показать эту информацию.