Html 如何防止在使用jquery单击Button时刷新页面，但允许flask view函数从数据库中删除？

我希望python中名为post_to_delete的视图函数将删除数据，但我希望防止显示名为“formNewPost”的div。我想刷新名为“tablePosts”的div。视图函数在flask中。谢谢。 如何防止在使用jquery单击Button时刷新页面，但允许flask view函数从数据库中删除

“HTML”

职称
作者姓名
发布日期
邮政所有者Id
浏览路径
选择文件。。。


发布详细信息
张贴额外细节
邮递
邮政Id
职称
邮寄
发布日期
{所有_posts%}
{{post.postId}
{{post.postTitle}
{{post.postBy}
{{post.postDate}
{%endfor%}
{%endblock%}
---------------------------------------------------------------------------------------------------------“JavaScript”
$（'#delete'）。在（'click'，函数（事件）{
event.preventDefault（）；
警报（“已单击此按钮”）；
$（'#formNewPost'）.hide（）；
$（'#tablePosts.col-lg-8'）.css（“显示：内联”）；
$（'#tablePosts'）.show（）；
$（'#formNewPost'）.css（“显示：无”）；
})
$（#tablePosts tr td a'）。在（'click'，函数（事件）{
警报（“在本文件中”）；
var aLi=$（'表a'）；
控制台日志（aLi）；
控制台日志（总长度）；
var url=$（this.attr（'href'）；
警报（url）；
})

在python中创建一个单独的函数，用于从数据库中删除条目，并只允许使用delete方法

@app.route('/delete-this', methods=['DELETE'])
def dalete_entry():
    data = request.form
    cur.execute("DELETE from table_name WHERE id = {}".format(data['id']))
    con.commit()
    return jsonify({'status': 'Deleted Successfully', 'deleted_id': data['id']})

然后将其添加到脚本中

$('#delete').on('click',function(event){
    event.preventDefault();
    // data['id'] = take id or some reference from your html page 
    $.ajax({
        url: '{{url_for('dalete_entry')}}',
        type: 'DELETE',
        data: data
        success: function(result) {
            // Do something 
        }
    });

---

非常感谢。我正在使用SQLAlchemy，因此我将查询，而不是返回jsonify。

$('#delete').on('click',function(event){
    event.preventDefault();
    // data['id'] = take id or some reference from your html page 
    $.ajax({
        url: '{{url_for('dalete_entry')}}',
        type: 'DELETE',
        data: data
        success: function(result) {
            // Do something 
        }
    });