# views.py
from django.shortcuts import render
from django.http import JsonResponse
from .models import Order
def order_list(request):
# 获取订单列表数据
orders = Order.objects.all()
return render(request, 'orders.html', {'orders': orders})
def order_delete(request):
# 删除订单
order_id = request.POST.get('order_id')
Order.objects.filter(id=order_id).delete()
return JsonResponse({'status': 'success', 'order_id': order_id})
# orders.html
<!-- 省略表格代码 -->
<button class="btn btn-danger btn-sm" onclick="deleteOrder({{ order.id }})">删除</button>
<!-- 弹出确认对话框的JavaScript代码 -->
<script type="text/javascript">
function deleteOrder(orderId) {
if (confirm("确定要删除这个订单吗？")) {
var xhr = new XMLHttpRequest();
xhr.open('POST', '/delete-order/', true);
xhr.setRequestHeader('X-CSRFToken', '{{ csrf_token }}');
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var response = JSON.parse(xhr.responseText);
if (response.status === 'success') {
alert('订单已删除。');
window.location.reload(); // 刷新页面以查看更改
} else {
alert('删除订单失败。');
}
}
};
xhr.send('order_id=' + orderId);
}
}
</script>这个代码实例展示了如何在Django中使用Ajax删除数据库中的订单，并在删除成功后弹出确认对话框。这里使用了XMLHttpRequest来发送POST请求，并处理服务器的响应。注意，在实际使用时，需要确保已经处理了CSRF tokens以避免跨站请求伪造攻击。