Ajax如何发送异步请求

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

<td><input id="nick" type="text" placeholder="请输入不少于6位字符" name="nickName"><span id="nickInfo"></span></td>

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)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值