将数据从模板发送到烧瓶

Question

我正在使用烧瓶制作网站。 它使用 top.html 中的 sql 显示一个列表，其中每个元素都是一个超文本。

 <table class="table table-striped">
    <thead></thead>
  <tr>
    <th>Company</th>
  </tr></thead>
  <tbody>
        {% for company in companies %}
            <tr>
                <td><a href="{{ url_for('text') }}" method = "POST" name = "{{ company.name }}">{{ company.name }}</a></td>
            </tr>
        {% endfor %}
        </tbody>
</table>

所以我想知道从列表中单击了哪个超文本，以便我可以在 /text 中加载其各自的内容。 请同时提供python代码（烧瓶代码）。

Answer 1

首先将公司唯一标识符放入每个

然后在每个上添加事件监听器

var companyLinks = document.querySelectorAll('.table-striped a');

for (var i = 0; i < companyLinks.length; i += 1) {
    companyLinks[i].addEventListener('click', function (e) {
        // get the company id of clicked link
        var companyId = e.target.dataset.id;

        // now do what you like with the company id
        // for example you can send an AJAX call to your backend
    });
}