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. Long polling failed, will retry in 16 seconds. appId: zeus-guard, cluster: default, namespaces: application, long polling url: null, reason: Get config services failed from···

    当dubbo应用启动之前, 如果apollo 未启动好,那么我们dubbo应用会一直等待,直到apollo准备就绪,注意其中轮询时间是从1,2,3,4,8,14,32, 方式一直增长,单位是s.

  2. 阿里巴巴MySQL DBA面试题答案[转]

    无意中看到阿里巴巴的面试题,,借此回首DBMS时刻趁热打铁巩固一下基础 拿到题目大概浏览了一遍难度大概在中上游水平,自己跪了接近35%的题目 自己答题如下,欢迎大家讨论分析题 1 2 3 4 5 6 ...

  3. android保持服务不休眠（持续运行）以及唤醒屏幕的方法

    假设有这样一个应用场景,一个服务一直在默默的工作(比如即时地获取服务器的消息),即使在屏幕已经因为长时间无操作而关闭,或者用户按了电源键让屏幕关闭,手机进入休眠状态,他必须依然在工作中.一旦从服务器获 ...

  4. awk的些许小技巧

    一句话kill掉名为navimain进程的shell脚本(利用awk的列操作能力) `ps|grep navimain | awk 'NR==1 {print $1}'`

  5. bindpose定义

    根据常识,有: 但根据骨骼动画的定义,又有: 对比两式,可得bindpose的定义: 即骨骼bone的bindpose是:在绑定时刻,将顶点由mesh的局部空间变换到bone的局部空间的变换.

  6. 译:3.RabbitMQ Java Client 之 Publish/Subscribe（发布和订阅）

    在上篇 RabbitMQ 之Work Queues (工作队列)教程中,我们创建了一个工作队列,工作队列背后的假设是每个任务都交付给一个工作者. 在这一部分,我们将做一些完全不同的事情 - 我们将向多 ...

  7. Atitit 提升开发进度大方法--高频功能与步骤的优化 类似性能优化

    Atitit 提升开发进度大方法--高频功能与步骤的优化 类似性能优化 1. 通用功能又可以组合成crud模块1 1.1. 查询(包括步骤,发送查询dsl,通讯返回结果,绑定到表格控件)2 1.2. ...

  8. 浏览器对HTML5特性检測工具Modernizr

    近期在做公司移动端运营的项目,需求中多处地方都会涉及动画. 相信非常多前端开发都会有这样的感触,对CSS3中的动画属性非常熟悉,可是因为对动画运动过程的理解不深入,经常仅仅能望而止步.CSS3中动画这 ...

  9. python thrift使用实例

    前言 Apache Thrift 是 Facebook 实现的一种高效的.支持多种编程语言的远程服务调用的框架.本文将从 Python开发人员角度简单介绍 Apache Thrift 的架构.开发和使 ...

  10. 用H5上传文件

    //1,第一步读取用户选中的文件 <input type="file" accept="image/*" onchange = "selecte ...