用php mui ajax注册登录页面,ajax实现简单登录页面

本文实例为大家分享了ajax实现简单登录页面的具体代码，供大家参考，具体内容如下

一.什么是ajax

Ajax是一种无需重新加载整个网页，能够更新部分网页的技术。

二.ajax的工作原理

Ajax工作原理是一个页面的指定位置可以加载另一个页面所有的输出内容，这样就实现了一个静态页面也能获取到数据库中的返回数据信息了。所以Ajax实现了一个静态网页在不刷新整个页面的情况下与服务器通信，减少了用户等待时间，同时降低了网络流量，增强了客户体验的友好程度。

三.用ajax实现简单的登录页面

1.ajax_login.html

登录页面

.div1{

display: none;

color: red;

}

$(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('用户名或密码输入错误')

}

})

});

用户名:

记住用户名:

密码

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 mui ajax注册登录页面,ajax实现简单登录页面相关推荐

web前端页面——移动端简单登录页面、下拉菜单（代码详细注释）
今天跟着专业老师复习了一下前端,感觉好多都已经忘记了,我将今天复习的一些重点整理出来. https://blog.csdn.net/hanhanwanghaha宝藏女孩欢迎您的关注! 欢迎关注微 ...
python 登录验证_Python实现简单登录验证
这篇文章主要为大家详细介绍了Python实现简单登录验证的相关资料,需要的朋友可以参考下本文实例为大家分享了简单的Python登录验证,供大家参考,具体内容如下编写登录接口要求:1.输入用户名密 ...
JavaWeb Tomcat服务器与Servlet入门以及简单登录功能的实现
Day12 一.Tomcat服务器 1.web资源 2.服务器 3.Tomcat服务器 4.idea 与tomcat 的整合二.Servlet入门 1. servlet的三种实现方式 2.servl ...
怎么在html显示已登录状态,jQuery Ajax 实现在html页面实时显示用户登录状态
当网站是全静态的html页面时,而又希望网站会员在登录之后并在所有页面头部显示登录状态,如用户名等,如果未登录就是未登录状态,下面给大家来分享实现的方法. 一.在html静态页面中加入div,并指定I ...
如何用ajax做登录页面,ajax如何制作登录页面？登录页面ajax的请求详解（附完整实例）...
本篇文章主要的讲述了关于ajax登录页面时ajax请求的内容,现在我们一起来看看这篇文章吧登录页面ajax请求一.登录验证提示信息//提交登录信息sub.on('click',function(e ...
ajax登录成功跳转页面_ODOO 登录后跳转到指定页面【仪表盘】而不是【讨论】模块...
文章来源:www.louishe.com ODOO如何将仪表板作为主页而不是消息菜单? 这个问题肯定对一部分人是一个困扰.因为ODOO登录后默认进入的是讨论页面,但是这个讨论页面绝大多数公司不会用到, ...
连接真机开发安卓(Android)移动app MUI框架反馈意见、忘记密码、登录、底部选项卡、联系我们、导航等页面代码可拿——混合式开发（六）
https://blog.csdn.net/hanhanwanghaha宝藏女孩欢迎您的关注! 欢迎关注微信公众号:宝藏女孩的成长日记如有转载,请注明出处(如不注明,盗者必究) 开头先分享个有趣的 ...
wordpress ajax 注册,WordPress注册AJAX事件，前台后台代码演示视频教程 - 悠然自学网...
本视频需要登录以后才能播放在WordPress开发中,你可以自己定义你的AJAX事件,也可以使用WordPress默认的AJAX模板处理业务. add_action('wp_ajax_youran_ ...
Ajax提交后Moedl And View不进行页面跳转的解决方案
场景前端使用ajax请求后台,返回Model And View 后不进行页面跳转. 用ajax提交是没有页面跳转的. 实现如果只是简单的页面跳转和传递单个简单参数可以使用: window.loca ...

用php mui ajax注册登录页面,ajax实现简单登录页面

用php mui ajax注册登录页面,ajax实现简单登录页面相关推荐

最新文章

热门文章