下面是一个 ajax 检测用户名是否可用的例子。

django  项目中。

—— views.py 里——

from django.shortcuts import render,HttpResponse

from django.views.decorators.csrf import ensure_csrf_cookie

from app01 import models

from django.http import JsonResponse

@ensure_csrf_cookie

def reg(request):    # 注册

    return render(request,'reg.html')

def check(request):   # 检测用户名是否可用

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

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

    if ret:

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

    else:

        return JsonResponse({'status':0,'msg':'可用的用户名'})
—— reg.html 里——

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>reg</title>

</head>

<body>

<p>用户名

    <input type="text" name="user"><span></span></p>

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

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

<script>

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

        _this = $(this);

        {#alert($('[name = "user"]').val());#}

        $.ajax({

            url: '/check/',

            type: 'post',

            data: {

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

                {#属性选择器#}

            },

            success: function (res) {

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

            }

        })

    }).focus(function () {

        _this.next().text('')

    });   {#链式操作#}

</script>

</body>

</html>

另一种Js 代码:
<script>
    $('[name="user"]').blur(function () {
       　　$.ajax({
            url: '/check/',
            type: 'post',
            data: {'user': $('[name="user"]').val()},
            success: (res) => {              #箭头的使用
                $(this).next().text(res.msg)
            }
        })
    }).focus(function () {
        $(this).next().text('')
    })
</script>
其他:
-- models.py --

from django.db import models

class User(models.Model):

    name = models.CharField(max_length=22)  # varchar

-------------------------------------------
-- urls.py --

from django.conf.urls import url

from django.contrib import admin

from app01 import views

urlpatterns = [

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

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

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

-------------------------------------------
-- settings.py --
STATIC_URL = '/static/'

STATICFILES_DIRS = [

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

ajax 检测用户名是否可用的更多相关文章

  1. asp.net ajax 检测用户名是否可用代码

    原文  asp.net ajax 检测用户名是否可用代码 .net ajax 检测用户名是否可用代码 <script type="text/网页特效" src="c ...

  2. Ajax检测用户名是否已经注册

    程序功能 当用户名输入完成(即用户名输入框失去焦点),利用Ajax检测用户名是否已经注册! 实现过程 利用Ajax向CheckUserServlet发送请求,判断该用户名是否可用.这里只是为了演示Aj ...

  3. 11月10日上午ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库

    1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...

  4. ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库

    1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...

  5. 14.ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库

    1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...

  6. Ajax校验用户名是否可用

    准备 导包:DBUtil,JDBC,C3P0 在src下导入c3p0-config.xml 导入JDBCUtil 创建数据库 第2.3.条查看https://blog.csdn.net/weixin_ ...

  7. php运用validate+ajax检测用户名是否已存在

    前提:如果还不知道什么是validate,请前往这里 一.remote rules: username:{ required:true, minlength:8, maxlength:8, remot ...

  8. thinkphp ajax检测是否数据可用

    模板文件:如 index.html 模板文件如:(index.html) <form><input type="text" name="username ...

  9. Django ajax 检测用户名是否已被注册

    添加一个 register.html 页面 <!DOCTYPE html> <html lang="en"> <head> <meta c ...

随机推荐

  1. MySQL的nnodb引擎表数据分区存储

    Symlinks are fully supported only for MyISAM tables. 对应Innodb引擎数据文件放到其他目录 mysql> SHOW VARIABLES L ...

  2. 正交表和TCG的使用

    正交表法是一种有效减少测试用例个数的设计方法. 正交表法的依据是Galois理论,从大量的实验数据中挑选适量的.有代表性的点,从而合理的安排实验的一种科学实验设计方法.在测试用例的设计中,可以从大量的 ...

  3. eclipse 优化

    1.取消验证 windows–>perferences–>validation 把 除了manual 下面的全部点掉,build下只留 classpath dependency Valid ...

  4. golang 与 c语言 之间传递指针的规则提案

    https://go.googlesource.com/proposal/+/master/design/12416-cgo-pointers.md https://github.com/golang ...

  5. python 类组合

    场景:有一辆车违章需要通知到车主 定义两个类车辆类和通知类,车辆类和通知类并没有共同点,但是要通知车主这两个类就有了关联,这时候可以把这两个类组合在一起 #!/usr/bin/python3 # -* ...

  6. SAX解析器

    1.继承类DefaultHandler package com.SSLSocket.test; import org.xml.sax.Attributes; import org.xml.sax.SA ...

  7. spring的面向切面实现的两种方式

    面向切面:主要应用在日志记录方面.实现业务与日志记录分离开发. spring面向切面有两种实现方式:1.注解 2.xml配置. 1.注解实现如下: (1)配置如下: <?xml version= ...

  8. Python复习基础篇

    4.4 使用列表的一部分   Python切片(切片就是取值的呗) print(players[0:3])  中括号,冒号隔开,顾头不顾尾. print([:4])    从开始取还是会顾尾的 pri ...

  9. PHP Fatal error: Uncaught ErrorException: preg_match_all (): JIT compilation failed: no more memory in phar

    PHP 升级到 7.3 后,出现 BUG: 解决办法:修改php.ini文件,;pcre.jit=1 =>  pcre.jit=0

  10. SQL数据库存储过程

    添加修改 create PROCEDURE sp_insert_1(pid int,pname varchar(200),page varchar(200),pscore int,out code i ...