Как отправить данные с помощью HTML во внешнем интерфейсе и получить результаты от серверной части FastAPI? ⇐ Python

[Anonymous]

Я использую FastAPI для серверной части и HTML/CSS для внешнего интерфейса. Я хочу нажать кнопку и получить взамен желаемое значение (mt означает, что когда я помещаю node1 и node2, он получает прогноз из массива JSON.
Это мой код:Это список данных
prediction_data = [
{ "node1": 0, "node2": 1, "pred": 0},
{ "node1": 0, "node2": 476, "pred":0.352956 },
{ "node1": 0, "node2": 494, "pred":0.769988 },
{ "node1": 1, "node2": 505, "pred":0.463901 },
{ "node1": 9, "node2": 68 , "pred":1.238807},
{ "node1": 15, "node2": 408, "pred":0.204171 },
{ "node1": 18, "node2":549 , "pred":0.204171 },
{ "node1": 60, "node2": 227, "pred":0.204171 },
{ "node1": 199, "node2": 220, "pred":0.245246 },
{ "node1": 170, "node2": 570, "pred":0.509272 },
{ "node1": 148, "node2": 570, "pred":0.204171 },
{ "node1": 151, "node2": 384, "pred":0.204114 },
{ "node1": 232, "node2": 337, "pred":0.285999 },
{ "node1": 446, "node2": 509, "pred":0.291206 },
{ "node1": 510, "node2":576 , "pred":0.495378 },
{ "node1": 571, "node2":589 , "pred":0 },
{ "node1": 585, "node2":596 , "pred":0.245243 },
{ "node1": 446, "node2":509 , "pred":0.291206 },
{ "node1": 375, "node2":383 , "pred":0.46390 },
{ "node1": 461, "node2":462 , "pred":0 }
]

Это функция получения искомого значения
# Prediction
@app.get("/prediction/{node1,node2}", response_class=HTMLResponse)
async def gets(request: Request, node1: int, node2: int):
matching = list(filter(lambda x: x['node1'] == node1 and x['node2'] == node2, prediction_data))
mt = matching[0]['pred'] if matching else None
return templates.TemplateResponse("Interface.html", {"request": request, "mt": mt})

Это интерфейс








Link Prediction





Link Prediction
In Social Network


{{node1}}

Node 1




{{node2}}

Node 2




Predict Now



function myfunctionName( n1,n2 ){

document.getElementById("Node1").innerHTML += n1;
document.getElementById("Node2").innerHTML += n2;
document.getElementById("Prediction") = mt;
}




{{mt}}

Prediction Result










Подробнее здесь: https://stackoverflow.com/questions/707 ... -fastapi-b