Django AJAX 用户名检查-优快云博客

本文链接：https://blog.youkuaiyun.com/a649344475/article/details/80911537

Django 中 ajax 的使用：
一.html页面关键代码:

<body>
{% load staticfiles %}
  <script src="{% static 'js/jquery-1.12.4.js' %}"></script>
  <form action="" method="POST">
    用户名：<input type="text" name="name" id="id_name"><br/>
    密  码：<input type="password" name="password"><br/>
    <input type="submit" value="登录">
  </form>
  <script>
    $(document).ready(function(){
        $("#id_name").blur(function(){
            var name=$("#id_name").val();
            if(name==null || name==""){
                $("#ajax").css('color','red').html('用户名不能为空!');
            }else{
            /*$.ajax({
                type:"GET",
                url:"/zcyz",
                data:{"name":name},
                success:callBack
            });*/
            $.get("/zcyz",{"name":name},callBack);
            }
            function callBack(datas){
                    if(datas==1){
                        $("#ajax").css('color','red').html('此号已被注册!');
                    }else{
                        $("#ajax").css('color','green').html('此号可以注册!');
                    }
                }
        });
    });
 </script>
</body>

二.views.py关键代码:

from django.http import HttpResponse

def zcyz(request):
    if request.method=='GET' and request.is_ajax():
        name=request.GET.get('name')
        names=Users.objects.filter(name=name)
        print(name)
        if names:
            datas=1
        else:
            datas=0
    else:
        datas=0
    return HttpResponse(datas)

Django Ajax