码迷,mamicode.com
首页 > Web开发 > 详细

ajax实现用户注册

时间:2019-02-18 22:55:50      阅读:229      评论:0      收藏:0      [点我收藏+]

标签:title   request   否则   gis   代码   请求   字段   register   jquer   

  需求分析

  • 页面中给出注册表单;
  • username input标签中绑定onblur事件处理函数。
  • 当input标签失去焦点后获取 username表单字段的值,向服务端发送AJAX请求
  • django的视图函数中处理该请求,获取username值,判断该用户在数据库中是否被注册,如果被注册了就返回“该用户已被注册”,否则响应“该用户名可以注册”。

 

js代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户名是否被注册</title>
    <script src="/static/jquery-3.3.1.js"></script>
    <style>
        .display {
            display: none;
        }
    </style>
</head>
<body>
<form>
    <input type="text" name="username" onblur="r()" class = ‘username‘>
    <input type="password" name="password" class="password">
    <span id=‘msg‘ class="display"></span>
</form>
{#<button onclick="r()">登录</button>#}

<script>
        function r(){
            $.ajax({
                url : /register/,
                data : {
                    username : $(.username).val(),
                    password : $(.password).val(),
                },
                type : POST,
                success: function(data){
                    console.log(data)
                    $(#msg).removeClass(display)
                    $(#msg).text(data)
                }
            })
        }
</script>
</body>
</html>

views.py

def register(request):
    username = request.POST.get(username)
    password = request.POST.get(password)
    print(type(username))
    if username ==123:
        print("!!")
        return HttpResponse(该账号已注册)
    else:
        return HttpResponse(ok)

 

urls.py

urlpatterns = [
    path(register/,views.register),
    path(login2/,views.login2)
]

 

ajax实现用户注册

标签:title   request   否则   gis   代码   请求   字段   register   jquer   

原文地址:https://www.cnblogs.com/xiaohuyi/p/10398384.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!