ajax检测注册用户信息主体思路

　　1.在settings.py中配置需要使用的信息

#对static文件进行配置

STATICFILES_DIRS=[

    os.path.join(BASE_DIR,'static')

]

　　2.在url.py中配置注册register和check地址,　　

from django.conf.urls import url

from django.contrib import admin

from app01 import views

urlpatterns = [

    url(r'^admin/', admin.site.urls),

    url(r'^register/', views.register),

    url(r'^check/', views.check),

]

　　3.在models.py中关联数据库

from django.db import models

class User(models.Model):

    name = models.CharField(max_length=20)

　　4.在views中写对应register和check视图函数

from django.shortcuts import render,HttpResponse

from app01 import models

from django.http import JsonResponse

#注册用户界面

def register(request):

    return render(request,'register.html')

#检测

def check(request):

    user = request.POST.get('user','')

    if user == '':

        return JsonResponse({'status':'','msg':'用户名为空'})

    ret = models.User.objects.filter(name = user)

    if ret:

        return JsonResponse({'status':'','msg':'用户名已存在'})

    else:

        return JsonResponse({'status':'','msg':'用户名可以使用'})

　　5.写register.html模板

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>ajax_reg</title>

</head>

<body>

    <p>

        用户名 <input type="text" name="user"><span></span>

    </p><script src="https://cdn.bootcss.com/jquery/3.1.1/jquery.js"></script>

    <script src="/static/js/ajax_setup.js"></script>

    <script>

  {#方式一#}

        $('[name="user"]').blur(function () {    #失去焦点后提交ajax请求,根据数据库信息进行渲染具体span标签内状态msg

            _this = $(this);

            $.ajax({

                url:'/check/',

                type:'post',

                data:{

                    'user':$('[name="user"]').val()

                },

                success:function (res) {

                    找到span标签

                    _this.next().text(res.msg)

                }

            })

        })



    {#    方式二 箭头函数#}

        $('[name="user"]').blur(function () {

            $.ajax({

                url:'/check/',

                type:'post',

                data:{

                    'user':$('[name="user"]').val()

                },

                success:(res)=> {

                    $(this).next().text(res.msg)

                }

            })

        }).focus(function () {     #获取焦点后 span标签内状态信息为空

                $(this).next().text('')

            })

    </script>

</body>

</html>

..　

　　

Django中,ajax检测注册用户信息是否可用?的更多相关文章

  1. Django中Ajax提交数据的CSRF问题

    错误信息: Forbidden (CSRF token missing or incorrect.): 什么是CSRF: django为用户实现防止跨站请求伪造的功能,通过中间件 django.mid ...

  2. django中的forms组件(权限信息校验，增删改查)

    1.用处 1.用户请求数据验证 2.自动生成错误信息 3.打包用户提交的正确信息 4.如果其中有一个错误了,其他的正确,则保留上次输入的内容 5.自动创建input标签并可以设置样式 6.基于form ...

  3. 检测session用户信息跳转首页界面

    方案一:采用jsp方式检测用户信息跳转 <%@ page language="java" pageEncoding="UTF-8"%> <%@ ...

  4. django中ajax的使用以及避开CSRF 验证的方式

    ajax(Asynchronous Javascript And Xml) 异步javascript和XML ajax的优点 使用javascript技术向服务器发送异步请求 ajax无须刷新整个页面 ...

  5. MVC中ajax调用API版信息分页显示

    效果图: API端采用三层架构控制器显示界面: UserBll bll = new UserBll(); //获取用户所有信息 [HttpGet] ,) { List<UserInfo> ...

  6. Django中Ajax处理

    1.大部分和Flask中相同. 2.Django处理JSON,主要是对于查询结果集处理. 使用Django提供的序列化的类来完成QuerySet到JSON字符串的转换 from django.core ...

  7. Django中ajax发送post请求，报403错误CSRF验证失败解决办法

    今天学习Django框架,用ajax向后台发送post请求,直接报了403错误,说CSRF验证失败:先前用模板的话都是在里面加一个 {% csrf_token %} 就直接搞定了CSRF的问题了:很显 ...

  8. 如何批量的在django中对url进行用户登陆限制

    参考URL: https://blog.csdn.net/hanshengzhao/article/details/79540306?utm_source=blogxgwz0 1,首先定义一个内部有装 ...

  9. 微信小程序登录以及注册用户信息得到token

    先来一张登录时序图 总的大概就是 通过调用wx.login得到code 请求small_session获得sessionid 微信wx.getUserInfo获得encryptedData和iv 通过 ...

随机推荐

  1. 微软BI 之SSIS 系列 - 在 SSIS 中使用 Web Service 以及 XML 解析

    开篇介绍 Web Service 的用途非常广几乎无处不在,像各大门户网站上的天气预报使用到的第三方 Web Service API,像手机客户端和服务器端的交互等都可以通过事先设计好的 Web Se ...

  2. SqlDateTime overflow / SqlDateTime 溢出

    Error - SqlDateTime overflow. Must be between 1/1/1753 12:00:00 AM and 12/31/9999 11:59:59 PM SqlDat ...

  3. 全球最全路由DNS服务器IP地址

    全球只有13台路由DNS根服务器,在13台路由服务器中,名字分别为“A”至“M”,其中10台设置在美国,另外各有一台设置于英国.瑞典和日本.下表是这些机器的管理单位.设置地点及最新的IP地址. 供应商 ...

  4. 4S店的潜规则内幕曝光

  5. linux source code search

    https://elixir.bootlin.com/linux/latest/source/fs/eventpoll.c#L1120

  6. MySql事务select for update及数据的一致性处理讲解

    MySQL中的事务,默认是自动提交的,即autocommit = 1: 但是这样的话,在某些情形中就会出现问题:比如: 如果你想一次性插入了1000条数据,mysql会commit1000次的, 如果 ...

  7. Odoo 去掉 恼人的 "上午"和"下午"

  8. 使用Fidder将生成环境代码映射到本地（文件夹）

    匹配生产URL正则表达式 regex:http://www.a.com/statics/js/(.*) 本地路径配置 D:\web\statics\js\$1

  9. centos7安装elasticsearch-head

    elasticsearch-head安装前准备 1.操作系统64位CentOS Linux release 7.2.1511 (Core)2.git是必需的elasticsearch-head是一款开 ...

  10. rqalpha环境搭建（windows版）

    windows环境: win7 64bit rqalpha版本3.0.9 参考文档:http://rqalpha.readthedocs.io/zh_CN/latest/intro/install.h ...