宝哥软件园

Django1.7 JQuery Ajax验证用户注册集成小示例

编辑:宝哥软件园 来源:互联网 时间:2021-09-05

Ajax的出现让Web展现出更新的活力。基本上所有语言都动态支持Ajax与服务器进行通信,实现动态交互,无需在页面上刷新。下面是三贤使用Django Jquery Ajax模拟实现注册用户时用户名存在或不存在的验证的一个小应用。注意,Ajax是用来验证存在的,用户不需要点击按钮来验证存在。截图如下:

页面HTML代码如下:

!doctype html headlang=' en ' metacarset=' utf-8 ' title AJax验证测试/title/head script src=' http :/static/jquery/jquery 211 . js '/script script $(function()){ $(' # pu ')。bind('keydown ',function(){c=$('#pu ')。val()$。ajax({type:'POST ',url:'/ccc/',data:{name:c},dataType:'json ',success:函数(data) {$('#p ')。text(data . msg)} });}) }) /scriptbody输入验证名称:输入id=' pu ' type=' text ' span id=' p ' style=' color 3360 red '/span/body/html view代码,注意csrf的修饰方式,对于post请求:

从django .快捷键导入render从django.http.response导入HttpResponse #在此创建您的视图。来自姜戈。快捷键从django导入render _ to _ response #导入render _ to _ response。快捷键import render _ to _ response #从django . view . decorators . csrf导入csrf _ exclude Import jsondef TT(请求):返回render _ to _ response(' em/add . html ')name=list();names . append(' zhusa ')names . append(' aa ')names . append(' b ')names . append(' c ')@ csrf _ exceptdef CCC(request): name=request。POST.get('name ',None)rtxt=' ';如果名称不是none : b=name in name if b : # print('名称已经存在!',name)rtxt=“该名称已经存在!”Else:print('名称不存在!')rtxt=“名称不存在!”#print('获取的名称是:nu ',name)返回http response(JSON . dumps({ ' msg ' 3360 rxt }))URL中的代码:

#ajax检查URL (r' CCC/$ ',CCC),注意用于生成json对象的json.dumps函数,注意字典形式。在测试之前,最后,访问以查看是否可以获得json数据。

ajax验证没问题后,我们可以在前端做。测试结果是三弦开头的截图。本文的重点是验证ajax函数调用,因此我们不是直接从数据库中获取数据进行验证,而是使用list集合来模拟数据。如果我们想做得更好,可以部分实现数据库,就像真实的网站验证场景一样。

更多资讯
游戏推荐
更多+