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. Spark机器学习(1)：线性回归算法

    线性回归算法,是利用数理统计中回归分析,来确定两种或两种以上变量间相互依赖的定量关系的一种统计分析方法. 1. 梯度下降法 线性回归可以使用最小二乘法,但是速度比较慢,因此一般使用梯度下降法(Grad ...

  2. JVM 基础：回收哪些内存/对象 引用计数算法 可达性分析算法 finalize()方法 HotSpot实现分析

    转自:https://blog.csdn.net/tjiyu/article/details/53982412 1-1.为什么需要了解垃圾回收 目前内存的动态分配与内存回收技术已经相当成熟,但为什么还 ...

  3. Linux编译步骤概述

    Linux,一切皆文件! linux环境下,编译源码文件步骤总结 01.下载解压 一遍在开源网站有download/下载页面 02.安装基本编译环境 yum install -y gcc gcc-c+ ...

  4. phpBB3.2开发环境配置

    从Github导出项目 如果只是查看代码, 可以直接clone官方的git https://github.com/phpbb/phpbb.git . 如果需要开发, 就fork一下再从自己的Git里c ...

  5. 让div获取焦点

    DIV获取焦点有两种方法: tabindex="0" contenteditable="true" ①:设置div为可编辑状态,则可点击获取焦点,同时div的内 ...

  6. Windows 8系统默认开启的.Net Framework版本是4.0，而部分用户可能需要使用到3.5或以下版本，简单添加方法

    从网络途径下载的.Net Framework3.5是无法直接在Windows 8系统上安装的,我们可以通过Windows 8的添加功能来实现 1.打开控制面板,点击”启用或关闭Windows 功能“ ...

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

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

  8. latex学习（二）

    1.我是在ubuntu18.04下安装的,使用的是清华的源:https://mirrors.tuna.tsinghua.edu.cn/help/CTAN/ 下载安装包:http://mirror.ct ...

  9. GNU make使用（二）

    [时间:2017-06] [状态:Open] [关键词:makefile,gcc,编译,shell命令,目标文件] 0 引言及目标 之前使用Makefile都是把源文件和目标文件放到同一个目录编译.近 ...

  10. Java知多少（58）线程Runnable接口和Thread类详解

    大多数情况,通过实例化一个Thread对象来创建一个线程.Java定义了两种方式: 实现Runnable 接口: 可以继承Thread类. 下面的两小节依次介绍了每一种方式. 实现Runnable接口 ...