如何在单击按钮时删除引导卡？答案

【问题标题】：How to delete a bootstrap card on button click?如何在单击按钮时删除引导卡？
【发布时间】：2021-06-10 21:58:48
【问题描述】：

我是新人bootstrap & flask。

我从 20 行的烧瓶 api 得到响应并使用这样的引导卡显示 -

<div class="row">
    {% for item in data %}

    <div class="card" style="width: 25rem;">
        {% if item[6] == '' or item[6] == ' ' %}
        <img src='static/pic_not_avl.png' class="card-img-top" alt="pic"><i class="bi bi-person-circle"></i></img>
        {% else %}
        <img src='static/{{item[6]}}' class="card-img-top" alt="pic"><i class="bi bi-person-circle"></i></img>
        {% endif %}
        <div class="card-body">
            <h5 class="card-title text-center">{{item[0]}}</h5>
            <p class="card-text text-center">{{item[7]}}</p>
        </div>
        <ul class="list-group list-group-flush">
            <li class="list-group-item"><strong>State : </strong>{{item[1]}}</li>
            <li class="list-group-item"><strong>Salary : </strong>{{item[2]}}</li>
            <li class="list-group-item"><strong>Grade : </strong>{{item[3]}}</li>
            <li class="list-group-item"><strong>Room : </strong>{{item[4]}}</li>
            <li class="list-group-item"><strong>Telnum : </strong>{{item[5]}}</li>
        </ul>
        <div class="card-body text-center">
            <button type="button" class="btn btn-primary" data-toggle="modal"
                data-target="#updateModal">Update</button>
            <!-- <button type="submit" class="btn btn-danger">Delete</button> -->
            <a class="btn btn-danger" href="/deleteDatail?dname={{item[0]}}" role="button">Delete</a>
        </div>
    </div>

    {% endfor %}
</div>

现在我想在点击按钮时删除一张卡片（一个数据）。

试过这样 -

<a class="btn btn-danger" href="/deleteDatail?dname={{item[0]}}" role="button">Delete</a>

但我收到错误Method not allowed

我该如何解决这个问题？

【问题讨论】：

你应该将你的烧瓶代码添加到你的问题中

标签： html flask bootstrap-4

【解决方案1】：

/deleteDatail?dname={{item[0]}} 表示对您的烧瓶路线的 GET 调用。错误Method not allowed 表示您的路线不支持GET。你必须做类似的事情

   @app.route("/deleteDetail/")
   def deleteDetail():
        dname = request.values.get("dname", None)

或者你可以这样做

@app.route("/deleteDetail/", methods = ["GET", "POST"])
   def deleteDetail():
        if request.method == 'POST':
          dname = request.values.get("dname", None)

【讨论】：