# ajax结合sweetalert
1.下载源码 只需要到dist文件夹内的css和js即可
2.拷贝使用官网提供的案例代码
3.添加配置参数新增等待特效

    <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>
                            <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.age }}</td>
                                <td>{{ user_obj.addr }}</td>
                                <td>
                                    <a href="#" class="btn btn-primary btn-xs">编辑</a>
                                    <a href="#" class="btn btn-danger btn-xs deleteBtn" delete_id="{{ user_obj.pk }}">删除</a>
                                </td>
                            </tr>
                        {% endfor %}

                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <script>
        $('.deleteBtn').click(function () {
            let $deBtn = $(this);
            swal({
                  title: "你确定要删除吗?",
                  text: "你要是真删 就准备好跑路吧!",
                  type: "warning",
                  showCancelButton: true,
                  confirmButtonClass: "btn-danger",
                  confirmButtonText: "牛逼, 准备跑路!",
                  cancelButtonText: "怂货, 我真瞧不起你!",
                  closeOnConfirm: false,
                  closeOnCancel: false,
                    showLoaderOnConfirm: true
                },
                function(isConfirm) {
                  if (isConfirm) {
                        // 编写与后端交互的删除功能
                        let deleteId = $deBtn.attr('delete_id');
                        // 发送ajax请求
                        $.ajax({
                            url:'',
                            type:'post',
                            data:{'deleteId':deleteId},
                            success:function (args) {
                                swal(args, "success");
                                $deBtn.parent().parent().remove()
                            }
                        })
                  } else {
                    swal("咋又取消了", "你真的怂到家了!", "error");
                  }
                });
        })
    </script>

```python
from django.shortcuts import render,HttpResponse,redirect
from django import forms

class MyForm(forms.Form):
    name = forms.CharField(min_length=3, max_length=8, label='用户名',
                           error_messages={
                               'min_length': '用户名最少三位',
                               'max_length': '用户名做多八位',
                               'required': '用户名不能为空'
                           })
    password = forms.CharField(min_length=3, max_length=8, label='密码')
    re_password = forms.CharField(min_length=3, max_length=8, label='重复密码')
    age = forms.IntegerField(min_value=0, max_value=150, label='年龄')
    addr = forms.CharField(max_length=64, label='地址')
    email = forms.EmailField(label='邮箱')

    '''钩子函数是数据经过了字段第一层参数校验之后才会执行'''
    # 局部钩子(只校验一个字段)
    def clean_name(self):
        # 1.获取用户名
        name = self.cleaned_data.get('name')
        # 2.判断用户名是否已存在
        is_exist = models.User.objects.filter(name=name)
        if is_exist:
        # 3.提示信息
        self.add_error('name', '用户名已存在')
        # 4.返回校验的字段name
        return name

    # 全局钩子(可校验多个字段)
    def clean(self):
        password = self.cleaned_data.get('password')
        re_password = self.cleaned_data.get('re_password')
        if not password == re_password:
            self.add_error('re_password', '两次密码不一致')
        # 全局钩子则返回self.cleaned_data
        return self.cleaned_data

def register(request):
    form_obj = MyForm()
    if request.method == 'POST':
        form_obj = MyForm(request.POST)
        if form_obj.is_valid():
            return HttpResponse('ok')
    return render(request, 'register.html', locals())


# 前端
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>

</head>
<body>
    <div class="container">
        <div class="row">
            <div class="col-md-8 col-md-offset-2">
                <form action="" method="post" novalidate>
                    {% for foo in form_obj %}
                        <p>
                            {{ foo.label }}
                            {{ foo }}
                            <span style="color: red">{{ foo.errors.0 }}</span>
                        </p>
                    {% endfor %}

                    <input type="submit" class="btn btn-success btn-block">
                </form>
            </div>
        </div>
    </div>
</body>
</html>

def login_auth(func_name):
    def inner(request, *args, **kwargs):
        if request.COOKIES.get('name'):
            res = func_name(request, *args, **kwargs)
            return res
        else:
            return redirect('/login/')
    return inner


@login_auth
def home(request):
    # if request.COOKIES.get('name'):
    #     return HttpResponse('登录用户才能进入home页面')
    # return redirect('/login/')
    return HttpResponse('登录用户才能进入home页面')


@login_auth
def index(request):
    # if request.COOKIES.get('name'):
    #     return HttpResponse("登录用户才能进入index页面")
    # return redirect('/login/')
    return HttpResponse('登录用户才能进入index页面')


@login_auth
def func(request):
    # if request.COOKIES.get('name'):
    #     return HttpResponse('登录用户才能进入的func页面')
    # return redirect('/login/')
    return HttpResponse('登录用户才能进入的func页面')