Код: Выделить всё
document.getElementById('submitButton').addEventListener('click', async (event) => {
event.preventDefault();
const formData = new FormData();
formData.append('input_data', 'I am working');
try {
const response = await fetch('/function/', {
method: 'POST',
body: formData
});
const result = await response.json();
if (response.ok) {
console.log('Response ok');
} else {
console.log('Response not ok');
}
} catch (error) {
console.log('error');
}
});
Код: Выделить всё
@app.post('/function/')
async def function(input_data: str = Form(...)):
print(input_data)
return {'message': 'Success!'}
У меня есть предыдущая функция FastAPI, которая генерирует форму с переменным количеством текстовых вводов. Я пытаюсь создать прослушиватель событий для отправки данных ввода текста на сервер (приложение FastAPI). Пример формы ниже:
Код: Выделить всё
value 1
value 2
Код: Выделить всё
"GET /function?value-1=1&value-2=2&value-3=3&value-4=4&value-5=5&value-6=6&value-7=7&value-8=8&value-9=9&value-10=10&value-11=11&value-12=12&value-13=13 HTTP/1.1"
Обновление:
Я думаю, что Javascript полностью игнорирует мой eventListener и выполняет действие GET, когда я нажимаю кнопку «Отправить».
Подробнее здесь: https://stackoverflow.com/questions/791 ... to-fastapi
Мобильная версия