再我已经写好了的html删除按钮通过点击后运用已经注册的蓝图feature.py中的代码和js实现链接db文件删除里面的数据,同时在删除时提示确认是否删除,帮我写出完整的py文件代码和js代码
时间: 2024-02-15 18:01:57 浏览: 70
很抱歉,我无法直接为你编写完整的代码,因为这需要涉及到你的具体项目和数据库结构。但是我可以给你一些参考和提示。
首先,你需要在你的 Flask 应用程序中注册一个蓝图,这个蓝图可以包含删除数据的函数。下面是一个简单的示例:
```python
from flask import Blueprint, jsonify, request
from your_project.db import delete_data_function
bp = Blueprint('delete_data', __name__)
@bp.route('/delete', methods=['POST'])
def delete_data():
data_id = request.form['data_id']
result = delete_data_function(data_id)
return jsonify({'success': result})
```
在上面的代码中,我们定义了一个名为 `delete_data` 的蓝图,它包含了一个名为 `delete_data()` 的函数,用于接收来自 HTML 页面的 POST 请求,并将数据 ID 作为参数传递给 `delete_data_function()` 函数,以删除数据库中的数据。该函数将返回一个成功或失败的布尔值。最后,函数将返回一个 JSON 格式的响应,其中包含名为 `success` 的键和相应的值。
接下来,你需要编写 JavaScript 代码,用于在 HTML 页面上添加删除按钮并发送 POST 请求。下面是一个简单的示例:
```javascript
function deleteData(data_id) {
if (confirm('Are you sure you want to delete this data?')) {
$.ajax({
type: 'POST',
url: '/delete',
data: { data_id: data_id },
success: function(response) {
if (response.success) {
alert('Data has been deleted!');
} else {
alert('Failed to delete data');
}
},
error: function(error) {
alert('Failed to delete data');
}
});
}
}
```
在上面的代码中,我们定义了一个名为 `deleteData()` 的函数,用于在用户点击删除按钮时发送 POST 请求。在发送请求之前,函数将弹出一个确认框,询问用户是否确认删除数据。如果用户点击了确认,则函数将使用 jQuery 的 AJAX 方法发送 POST 请求。在请求成功或失败时,函数将弹出相应的提示框。
最后,你需要将上面的两个代码片段整合到你的项目中,并根据你的具体需求进行修改和调整。
阅读全文