ajax与sweetalert结合使用
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h2 class="text-center">数据展示</h2>
<table class="table table-striped table-hover">
<thead>
<tr>
<th>编号</th>
<th>姓名</th>
<th>密码</th>
<th>操作</th>
</tr>
</thead>
<tbody>
{% for user_obj in user_queryset %}
<tr>
<td>{{ user_obj.pk }}</td>
<td>{{ user_obj.name }}</td>
<td>{{ user_obj.pwd }}</td>
<td>
<a href="#" class="c1 btn-danger btn btn-xs" delete_id="{{ user_obj.pk }}">删除</a>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
</body>
<script>
$('.c1').click(function (){
let $delete=$(this)
swal({
title: "确定删除吗?",
text: "真删就跑路",
type: "warning",
showCancelButton: true,
confirmButtonClass: "btn-danger",
confirmButtonText: "确定删除",
cancelButtonText: "算了",
closeOnConfirm: false,
closeOnCancel: false
},
function(isConfirm) {
if (isConfirm) {
let deleteId=$delete.attr('delete_id');
$.ajax({
url:'',
type:'post',
data:{'deleteId':deleteId},
success:function (args) {
swal(args,'success')
$delete.parent().parent().remove()
{# 删除tr这个标签 #}
}
})
} else {
swal("取消了", "真怂啊", "error");
}
});
})
浙公网安备 33010602011771号