<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>API Request</title> </head> <body> <h1>API Request</h1> <label for="tokenInput">Enter Token:</label> <input type="text" id="tokenInput" placeholder="Your Token"> <button id="sendRequestButton">Send Request</button> <textarea id="responseArea" rows="10" cols="50" readonly></textarea> <script> document.getElementById('sendRequestButton').addEventListener('click', function() { const token = document.getElementById('tokenInput').value; const url = '/send_request'; fetch(url, { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, body: 'token=' + encodeURIComponent(token) }) .then(response => response.json()) .then(data => { console.log('JSON Response:', data); // Вывод JSON-ответа в консоль document.getElementById('responseArea').value = JSON.stringify(data, null, 2); }) .catch(error => { console.error('Error:', error); document.getElementById('responseArea').value = 'Error: ' + error.message; }); }); </script> </body> </html>