注冊時，第一時間判斷用戶名是否已經存在。

功能實現背景：

前端jquery.js

基於django框架，前后端分離。

 

HTML代碼：

<input type="email" id="user_email" class="email_input" placeholder="用戶名(郵箱)">

JS代碼：

$("#user_email").blur(function(){
          var user_email=$('#user_email').val();
          console.log(user_email);
          if(user_email){
       var url=ip_number+"usernamecountview/";
       $.ajax({
         url:url,
         type:"post",
         data:{
             "username":user_email,
         },
         success:function (e) {
             var ed=JSON.parse(e);
             if(ed.message=="0"){

            }else {
                     alert(ed.message);
                   location.reload()
            }

                 }
      })
   }
}),

后端代碼：

def usernamecountview(request):
 username = request.POST.get('username')
 count = UserInfo.objects.filter(username=username).count()
 if count == 0:
 return HttpResponse(json.dumps({'message': '0'}))
 else:
 return HttpResponse(json.dumps({'message': '用戶名已存在'}))

一些基本的路徑搭建，樣式，就不在此一一貼出了。
由於是行里使用，在此也不必多說了。此功能並未加入到項目中，經理給的理由是寧願用戶體驗差也不要出現漏洞（撞庫）。