ajax实现简单登录页面详解

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

长治网站制作公司哪家好,找创新互联!从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设公司等网站项目制作,到程序开发,运营维护。创新互联从2013年开始到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联。

【相关文章推荐:ajax视频教程】

一.什么是ajax

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

二.ajax的工作原理

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

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

1.ajax_login.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})

相关学习推荐:javascript教程


网页名称:ajax实现简单登录页面详解
文章位置:http://csdahua.cn/article/chseso.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流