templates/demo.html

{% extends 'base.html' %}

{% block intro %}
<a href="https://huggingface.co/VampeeHuntee"><code>VampireHuntee</code></a>
  Đây là nơi để các mô hình trong khóa luận tốt nghiệp, bạn có thể sử dụng các mô hình public để thử.
{% endblock %}

{% block title %}
  Phân loại thực thể
{% endblock %}

{% block script %}
  <script>
    function predictSubmit(ev) {
      ev.preventDefault();
      var request = new XMLHttpRequest();
      request.addEventListener('load', resultShow);
      request.open('POST',"{{ url_for('predict') }}");
      request.send(new FormData(this));
    }

    function resultShow() {
      var data = JSON.parse(this.responseText);
      var output = document.getElementById('output');
      output.innerHTML = data.result;
    }

    var form = document.getElementById('input');
    form.addEventListener('submit', predictSubmit);
  </script>
{% endblock %}