Flask: Json данные отображаются вместо html страницы

Question

Я пытаюсь создать приложение flask, которое конвертирует разные единицы измерения. Когда я отправляю форму, содержащую единицы ввода и вывода и входное значение, страница просто возвращает необработанные json данные.

Это код для отправки json данных с выходным значением:

return jsonify({"output_value": output_value, "input-unit": input_unit, "output-unit": output_unit})

Это код js для получения данных json и отображения их на странице html:

document.queryCommandValue("#form").onsubmit = () => {
    const request = new XMLHttpRequest();
    const input_unit = document.querySelector("#input-unit").value;
    const ouput_unit = document.querySelector("#input-unit").value;
    request.open('POST', "/convert");

    request.onload = () => {
        // Take data from json request
        const data = JSON.parse(request.responseText);
        const output_value = data.output_value;
        document.querySelector("#output").innerHTML = output_value;
    }
    const formdata = new FormData();
    formdata.append("output-value", output_value);
    formdata.append("input-unit", input_unit);
    formdata.append("output-unit", ouput_unit); 
    request.send(formdata);
    return false;
}

Как правильно вернуть страницу html с отображаемым выходным значением?

Я пытаюсь пройти курс веб-программирования CS50 2018 года, если это помогает.