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. 使用SpringBoot的推荐项目目录结构

    一.Spring Boot 推荐目录结构 (1)代码层的结构 根目录:com.springboot 1.工程启动类(ApplicationServer.java)置于com.springboot.bu ...

  2. maven本地仓库中存在jar包，但编译不成功，显示jar包不存在

    介绍一下背景,项目要迁移进坑人的离线的内网开发,将在同事那编译通过的代码和maven仓库拷进内网,打算编译通过之后再上传私服,结果配好maven之后,本地库中的部分jar包显示没有引入,如下面的波浪线 ...

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

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

  4. 在Centos 6 64bit 上安装 Hyperic HQ 5.8.2.1 中文版

    原文:https://my.oschina.net/hyperichq/blog/306791 环境描述: [test@tester ~]$ cat /etc/issue CentOS release ...

  5. Msf提权步骤

    1.生成反弹木马(脚本,执行程序) msfvenom -p windows/meterpreter/reverse_tcp LHOST=<Your IP Address> LPORT=&l ...

  6. 怎么关闭win10和win8快速启动

    电源选项-- 选择电源按钮的功能--- 更改当前不可用的设置-- 快速启动勾去掉

  7. Spring Security登陆

    本文参考或摘录自:http://haohaoxuexi.iteye.com/blog/2154714 在上一篇中使用Spring Security做了一些安全控制,如Spring Security 自 ...

  8. Halcon 2D测量

    * This program shows how to detect the edges of a diamond * with subpixel accuracy and calculate the ...

  9. 如何搭建WebRTC信令服务器

    WebRTC 有一整套规范,如怎样使用它的接口.使用SDP进行媒体协商.通过ICE收集地址并进行连通性检测等等.除此之外,WebRTC还需要房间服务器将多端聚集到一起管理,以及信令服务器进行信令数据交 ...

  10. C# 内存理论与实践

    The C# Memory Model in Theory and Practice Best Practices All code you write should rely only on the ...