本文实例为大家分享了ajax实现简单登录页面的具体代码,供大家参考,具体内容如下
一.什么是ajax
Ajax是一种无需重新加载整个网页,能够更新部分网页的技术。
二.ajax的工作原理
Ajax工作原理是一个页面的指定位置可以加载另一个页面所有的输出内容,这样就实现了一个静态页面也能获取到数据库中的返回数据信息了。 所以Ajax实现了一个静态网页在不刷新整个页面的情况下与服务器通信,减少了用户等待时间,同时降低了网络流量,增强了客户体验的友好程度。
三.用ajax实现简单的登录页面
1.ajax_login.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登录页面</title> <style> .div1{ display: none; color: red; } </style> <script src="/static/js/jquery-1.12.4.min.js"></script> <script> $(function () { $('#register').click(function () { // alert('ok'); //获取用户名和密码: username = $('#username').val(); password = $('#password').val(); rember = $('#rember').val(); // alert(rember); $.ajax({ url:"/login_ajax_check", type:"POST", //提交方式 data:{"username":username,"password":password,"rember":rember}, dataType:"json", }).done(function (data) { if (data.res==1){ // alert('username') location.href="/index" rel="external nofollow" }else{ // alert('username'); $('.div1').show().html('用户名或密码输入错误') } }) }); }); </script> </head> <body> <div> 用户名:<input type="text" id="username" ><br/> 记住用户名:<input type="checkbox" id="rember"><br/> 密码<input type="password" id="password"><br/> <input type="submit" value="登录" id="register"> <div class="div1"></div> </div> </body> </html>
2.views.py
from django.http import HttpResponse,JsonResponse def login_ajax(request): """ajax登录页面""" return render(request,"booktest/login_ajax.html") def login_ajax_check(request): """ajax登录校验""" username = request.POST.get('username') # 通过'username'这个键拿到数据 password = request.POST.get('password') #若登录正确 if username == "admin" and password == "12": jsonresponse = JsonResponse({"res":1}) return jsonresponse #登录错误: else: return JsonResponse({"res":0})
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。
本文向大家介绍php实现登录页面的简单实例,包括了php实现登录页面的简单实例的使用技巧和注意事项,需要的朋友参考一下 开始自然是从最简单的功能起步,我第一个任务选择了做一个登录操作,其实也没想象中那么简单。 1、首先自然是连接和创建数据库 这部分我写在model.php中 2、写前台页面,为了熟练前端框架,使用layui框架界面,前面有一段js代码,来判断用户名密码输入是否为空。 3、login
本文向大家介绍VS2012实现简单登录界面,包括了VS2012实现简单登录界面的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了VS2012实现登录界面的具体代码,供大家参考,具体内容如下 这个是第一个界面的代码: 这个是第二个界面的代码: 运行结果如图: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。
所以我正在尝试在 Spring 启动和安全的帮助下创建简单的登录页面。所以我目前拥有的是自定义登录页面和一个用户和角色的内存身份验证。问题是,当我输入正确的用户/密码时,spirng没有将其认证为有效数据,并再次将我重定向到登录页面,但这次是: 在客户端,我使用胸腔叶。 表单片段: 配置类: 控制器简单 知道我做错了什么吗?
本文向大家介绍Python实现简单登录验证,包括了Python实现简单登录验证的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了简单的Python登录验证,供大家参考,具体内容如下 编写登录接口 要求:1、输入用户名密码 2、认证成功后显示欢迎信息 3、输错三次后锁定 以上就是本文的全部内容,希望对大家的学习有所帮助。
本文向大家介绍C#实现简单的登录界面,包括了C#实现简单的登录界面的使用技巧和注意事项,需要的朋友参考一下 首先我们来看一个简单的制作过程 打开visual 2010,新建窗体,既然是登录窗口,那么就不让它出现最大化、最小化以及拖拉大小功能(上一节已经提到过怎么设置大小),如图所示,甚至窗体的Text属性值为“登录窗口”,大小随意。 创建窗体之后就开始界面详细的组件布局了,主要是在左边拖拉控件,然
本文向大家介绍jsp登录页面的简单实例 雏形,包括了jsp登录页面的简单实例 雏形的使用技巧和注意事项,需要的朋友参考一下 jsp登录页面的简单实例 雏形 欢迎界面: 尚未注册,直接登录的时候: 进入注册界面: 注册成功,跳转登录界面: 登录时,密码出错:5秒后重新登录 账号密码输入正确,进入主页面: 以上就是小编为大家带来的js
我试图通过本教程实现简单的登录页面(我使用的是symfony 2.4): http://symfony.com/doc/current/book/security.html 登录页面很好。但当我提交表单时,我出现了以下错误: 我在网上搜索,什么都试过了。我的配置有什么问题? security.yml 路由.yml
本文向大家介绍jsp登录会话的简单实现,包括了jsp登录会话的简单实现的使用技巧和注意事项,需要的朋友参考一下 jsp登录会话的简单实现 以上就是小编为大家带来的jsp登录会话的简单实现全部内容了,希望大家多多支持呐喊教程~