psy_vk / pages_gen.html
DmitrMakeev's picture
Update pages_gen.html
689d9b8 verified
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Получение информации о группе</title>
</head>
<body>
<h1>Получение списка параметров группы</h1>
<form id="groupForm">
<label for="groupId">Идентификатор группы:</label>
<input type="text" id="groupId" name="groupId" required>
<br>
<label for="apiToken">API Токен:</label>
<input type="text" id="apiToken" name="apiToken" required>
<br>
<button type="submit">Получить список параметров группы</button>
</form>
<div id="result"></div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const groupForm = document.getElementById('groupForm');
const resultDiv = document.getElementById('result');
groupForm.addEventListener('submit', function(event) {
event.preventDefault();
const groupId = document.getElementById('groupId').value;
const apiToken = document.getElementById('apiToken').value;
const url = `https://test-sj-crm-psy-vk.hf.space/api/group/${groupId}/parameters?apiToken=${apiToken}`;
fetch(url, {
method: 'GET',
headers: {
'Content-Type': 'application/json'
}
})
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok ' + response.statusText);
}
return response.json();
})
.then(data => {
if (data.error) {
resultDiv.innerHTML = `<p style="color: red;">Ошибка: ${data.error}</p>`;
} else {
resultDiv.innerHTML = `<pre>${JSON.stringify(data, null, 2)}</pre>`;
}
})
.catch(error => {
resultDiv.innerHTML = `<p style="color: red;">Ошибка: ${error.message}</p>`;
});
});
});
</script>
</body>
</html>