求助, flask 为什么没有接收到 request 事件?

我做了一个简单的文件上传的网站, 文件上传之后会生成一个页面显示已经上传的文件,

现在想做一个删除的功能, 在每个文件名后面加上一个 button, 点击可以删除这个文件。

我的想法就是用 request 把文件的 id 传上去, id 包括对应的文件名, 然后后端的 flask 处理这个文件就行了。

html 里面使用了 jinja, 现在的问题我在删除文件的链接里面 delfile print 一个提示, 但是这个提示在点击 button 之后并没有出现也就是说, 这个 delfile 没有走到, 请问是为什么?

这个是文件名 + button 的 html 代码。

<ul>
    {% for file_name, file_url in files.items() %}
       <li><a id="{{ file_name }}_url" href="{{ file_url }}">{{ file_name }}</a>&emsp;&emsp;
         <button id="{{ file_name }}_btn" class="delbtn">删除</button></li>
    {% endfor %}
</ul>

python:

@app.route('/delfile', methods=['GET', 'POST'])
def delfile():
    print('in delfile')
    return 'hello world'

html :

{% extends "layout.html" %}
{% block body %}
<div>
  {% if session.logged_in %}
    <h1><p>{{ session.cur_username }} 已经登录</p></h1>
  {% endif %}
  <br />
</div>

<div>
  <h2>已经使用的空间 <b>{{ used_space }}</b></h2>
</div>
<br />
<div>
  <form method=post enctype=multipart/form-data>
       <input type=file name=file>
       <input type=submit value=上传>
  </form>
</div>

<div>
  <br /><br />
</div>

<ul>
    {% for file_name, file_url in files.items() %}
       <li><a id="{{ file_name }}_url" href="{{ file_url }}">{{ file_name }}</a>&emsp;&emsp;
         <button id="{{ file_name }}_btn" class="delbtn">删除</button></li>
    {% endfor %}
</ul>

{% endblock %}

<script type=text/javascript>
  $(function() {
      $('.delbtn').click(function(){
        $.ajax({
          url: '/delfile',
          data:{
            filename: this.id
          },
          dataType: 'JSON',
          type: 'GET',
          success: function(data){
              $("#result");
          }
          });
       });
  });
</script>