Django中,ajax检测注册用户信息是否可用?
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检测注册用户信息是否可用?的更多相关文章
- Django中Ajax提交数据的CSRF问题
错误信息: Forbidden (CSRF token missing or incorrect.): 什么是CSRF: django为用户实现防止跨站请求伪造的功能,通过中间件 django.mid ...
- django中的forms组件(权限信息校验，增删改查)
1.用处 1.用户请求数据验证 2.自动生成错误信息 3.打包用户提交的正确信息 4.如果其中有一个错误了,其他的正确,则保留上次输入的内容 5.自动创建input标签并可以设置样式 6.基于form ...
- 检测session用户信息跳转首页界面
方案一:采用jsp方式检测用户信息跳转 <%@ page language="java" pageEncoding="UTF-8"%> <%@ ...
- django中ajax的使用以及避开CSRF 验证的方式
ajax(Asynchronous Javascript And Xml) 异步javascript和XML ajax的优点 使用javascript技术向服务器发送异步请求 ajax无须刷新整个页面 ...
- MVC中ajax调用API版信息分页显示
效果图: API端采用三层架构控制器显示界面: UserBll bll = new UserBll(); //获取用户所有信息 [HttpGet] ,) { List<UserInfo> ...
- Django中Ajax处理
1.大部分和Flask中相同. 2.Django处理JSON,主要是对于查询结果集处理. 使用Django提供的序列化的类来完成QuerySet到JSON字符串的转换 from django.core ...
- Django中ajax发送post请求，报403错误CSRF验证失败解决办法
今天学习Django框架,用ajax向后台发送post请求,直接报了403错误,说CSRF验证失败:先前用模板的话都是在里面加一个 {% csrf_token %} 就直接搞定了CSRF的问题了:很显 ...
- 如何批量的在django中对url进行用户登陆限制
参考URL: https://blog.csdn.net/hanshengzhao/article/details/79540306?utm_source=blogxgwz0 1,首先定义一个内部有装 ...
- 微信小程序登录以及注册用户信息得到token
先来一张登录时序图 总的大概就是 通过调用wx.login得到code 请求small_session获得sessionid 微信wx.getUserInfo获得encryptedData和iv 通过 ...
随机推荐
- 树莓派3中没有/dev/video0的解决方法（使用OpenCV编程调用树莓派摄像头的方法）
一.问题 使用下列方法调用OpenCV编程调用树莓派摄像头时总是失败,提示调用Grabber的start()时失败. import org.bytedeco.javacpp.opencv_core; ...
- 海量数据拆分到nosql系统的一种方案
获取某用户的好友最新动态. 我们大体上来说先按照用户ID将用户的好友一致性哈希到几个mongodb集群,然后把用户的最新信息也存储到mongodb中.然后利用消息系统保持数据库中的数据和mongdb中 ...
- 阿里云 ssh 登陆请使用（公）ip
一直以为要要登陆使用的是私有的ip,最后才发现是使用共有ip, 如图 47.52.69.151 > ssh root@47.52.69.151 > 输入密码
- GCD使用：让程序在后台较长久的运行（UIBackgroundTaskIdentifier ）
在没有使用GCD时,当app被按home键退出后,app仅有最多5秒钟的时候做一些保存或清理资源的工作.但是在使用GCD后,app最多有10分钟的时间在后台长久运行.这个时间可以用来做清理本地 ...
- 小patch（psu）的打法 -- 实例
从patch中的readme来. bug:10214450 测试数据: SQL> create table t (t timestamp); Table created. SQL ...
- hdoj：2037
#include <iostream> using namespace std; struct Time { int start; int end; }; Time times[]; ]; ...
- Java知多少（92）滚动条
滚动条(JScrollBar)也称为滑块,用来表示一个相对值,该值代表指定范围内的一个整数.例如,用Word编辑文档时,编辑窗右边的滑块对应当前编辑位置在整个文档中的相对位置,可以通过移动选择新的编辑 ...
- CentOS 添加 Oracle YUM 源
最新文章:Virson's Blog 文章来自:Oracle 官方 YUM 源 Introduction The Oracle public yum server offers a free and ...
- WebRTC 配置环境
复制文件到指定文件路径 cp -rf /home/leehongee/LeeHonGee/jdk1.7.0_45 /usr/lib/jvm 创建文件夹 mkdir jvm 修改环境变量 sudo ...
- Go语言实践_实现一（客户端）对一（服务器端）聊天室
一.目的 使用Go语言实现一个服务器端与客户端的聊天室. 软件:Goland,Go1.9 代码仓库地址 二.思路 1,首先启动服务器端,使用listen_socket函数监听IP地址上的客户端连接: ...