Ajax如何发送异步请求

案例介绍,昵称唯一性验证:
1.HTML页面


2.需要导入Jquery的JS库
在这里插入图片描述
3.

$(document).ready(function () {//页面加载完成
            $('#nick').blur(function () {//元素设置失去焦点事件
                nickname=$('#nick').val();
                if (nickname==null || nickname==''){
                    $('#nickInfo').html('昵称不能为空')
                    return;
                }
                $.ajax({
                    async:true,//开启异步
                    url:'/checknickname/',//请求路径
                    data:'nickName='+nickname,//提交后台参数
                    type:'POST',//请求方法
                    headers:{"X-CSRFToken":$.cookie("csrftoken")},//获取cookie中的CSRFToken一并提交给服务器
                    success:function (data) {
                        $('#nickInfo').html(data);
                    }
                })
            });

4.url.py中
path(‘checknickname/’,views.checknickname),
5.views.py

#检查昵称是否唯一
def checknickname(request):
    nickName=request.POST.get('nickName')
    nicks=Userinfo.objects.filter(nickName=nickName)
    #print(nicks)
    info=''
    if nicks:
        info='昵称已存在'
    else:
        info = '昵称可用'
    return HttpResponse(info)

你可能感兴趣的:(Ajax如何发送异步请求)