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. JAVA通过oshi获取系统和硬件信息

    一.引入jar包 本项目主要使用第开源jar包:https://github.com/oshi/oshi <dependency> <groupId>junit</gro ...

  2. BaseDAO使用

    BaseDao接口的过人之处在于:一般是提供从数据库 增加.删除.修改记录.查询所有记录.查询符合某个条件记录.取得某条记录等方法的底层数据操作自定义类.由于我们可能操作多个数据库表,这样就需要为每个 ...

  3. PhoneGap-Android-HTML5-WebSocket

    https://github.com/FreakDev/PhoneGap-Android-HTML5-WebSocket

  4. 【Android】详解Android Service

    目录结构: contents structure [+] Service简单概述 Service在清单文件中的声明 Service启动服务 Service绑定服务 扩展Binder类 使用Messen ...

  5. Rocket Typist for Mac（增强型文本快速输入工具）破解版安装

    1.软件简介    Rocket Typist 是 macOS 系统上一款增强型文本快速输入工具,我们可以利用这款工具预先设置保存好很多日常生活学习或是工作中常用的文本片段,还能设定部分内容为变量,当 ...

  6. Linux虚拟文件系统

    从文件 I/O 看 Linux 的虚拟文件系统 1 引言 Linux 中允许众多不同的文件系统共存,如 ext2, ext3, vfat 等.通过使用同一套文件 I/O 系统 调用即可对 Linux ...

  7. 使用RStudio远程连接MySQL

    环境: 远程机: linux + Mysql 本地机: Windows + RStudio 问题: 1. 远程机为内网机器,需要跳板机连接,没有公网ip,无法连接 解决方案:修改跳板机的iptable ...

  8. c 链表之 快慢指针 查找循环节点

    参考:http://blog.csdn.net/wenqian1991/article/details/17452715 上面分析了 根据这张图 推倒出 数学公式. 刚接触 不能一下弄明白.下面结合上 ...

  9. 译：9.使用Redis进行消息传递

    本指南引导您完成使用Spring Data Redis发布和订阅通过Redis发送的消息的过程.Messaging with Redis 1. 我们将构建什么? 您将构建一个使用StringRedis ...

  10. python工具 - 从文件名读取特定信息到excel表格

    情景:文件名中包含学号和用户名,其中用户名在前学好在后,学号为2位,如harry33.txt.natasha12.txt. 要求:将多个文件名中的用户名与学号分开并保存到excle中. 代码部分: i ...