Ajax验证用户名是否存在

思路：利用js监听输入用户名标签的焦点转移，当焦点离开时发送Ajax请求到路由转发器，找到对应的视图解析函数，判断是否用户名存在并创建状态码，将状态码返回给js，是否提示‘用户名已存在’

具体实现步骤：

一、发送Ajax请求:

$.get('/user/register_exit/?uname='+$('#user_name').val()

二、路由转发

urlpatterns = [
...
url(r'^register_exit/$', views.register_exit),
...
]

三、视图函数解析

def register_exit(req):
uname = req.GET.get('uname')
count = UserInfo.objects.filter(uname=uname).count()
print(count)
return JsonResponse({"count":count})

四、js接受状态码，并产生提示

function (data) {
if(data.count===1){
$('#user_name').next().html('用户名已存在').show();
error_name = ture;
}
else {
$('#user_name').next().hide();
error_name = false;
}

效果图：

火狐截图_2018-07-22T03-35-08.572Z.png