<script src="http://code.jquery.com/jquery-latest.js"></script>#引入jQuery
#当点击函数为test()的按钮时触发ajax请求，url为请求路径，dataType为数据类型，type默认为get可以不写
<script>
    function test() {
        $.ajax({
            'url': '/ajax_handle',
            'dataType': 'json',
　　　　　　　'async':false,#默认是异步的（true是异步的）
        }).success(function (data) {
            alert(data.res)
        })
    }
</script>

#在urls里设置
url('^ajax_handle$', views.ajax_handle),
#在views视图里设置
def ajax_handle(request):
    return JsonResponse({'res': 111})

用ajax登录用户名密码方案
#以下为前端html中的代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>login</title>
    <style>
        #message {
            display: none;
            color: red;
        }
    </style>
</head>
<body>
    <form action="/login/" method="post">
        <input type="text" id="username" >
        <input type="password" id="password">
        <input type="button" value="登录" onclick="login()">
    </form>
    <div id="message"></div>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script>
        function login() {
            username = $('#username').val()
            password = $('#password').val()
            $.ajax({
                'url': '/login/',
                'type': 'post',
                'dataType': 'json',
                'data':{'username': username, 'password': password}
            }).success(function (data) {
                if (data.res == 0){
                    $('#message').show().html('用户名密码错误！！！')
                }
                else {
                    location.href = '/index'   #跳转/index页面
                }
            })
        }
    </script>
</body>
</html>

#后端views里代码


def login(request):
    if request.method == 'POST':
        username = request.POST.get('username')
        password = request.POST.get('password')
        if username == 'root' and password == 'lizhaoqwe':
            return JsonResponse({'res': 1})#1表示登录成功
        else:
            return JsonResponse({'res': 0})#0表示登录失败
    return render(request, 'login.html')


 
												


											
Ajax登录用户名密码的更多相关文章
	

    
								
  1. tomcat添加登录用户名密码
		
    tomcat版本 apache-tomcat-7.0.55.tar.gz 编辑 TOMCAT_HOME/conf/tomcat-users.xml在tomcat-users里面添加 <tomca ...
    
		
    2. 
						
  2. 用户名密码登录小程序及input与raw_input区别。
		
    一.此次程序需要实现: 1.设定固定的用户名密码 2.用户名密码输入正确打印登录正确信息 3.仅仅运行三次登录 二.本次使用的python版本为: Windows下版本号: C:\Users\dais ...
    
		
    3. 
						
  3. 11月10日上午ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库
		
    1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...
    
		
    4. 
						
  4. 轻松实现ajax登录时让浏览器保存密码
		
    将登录页面由form提交改为ajax提交,发现一个副作用——登录时浏览器不会提示是否保存密码,这样每次登录都要输入用户名/密码. html代码如下: <script> $(function ...
    
		
    5. 
						
  5. ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库
		
    1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...
    
		
    6. 
						
  6. 14.ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库
		
    1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...
    
		
    7. 
						
  7. Django（十三）状态保持 —— cookie与session+ajax异步请求+session记住登录状态+cookie记住登录名密码
		
    一.状态保持的概述 http协议是无状态的.下一次去访问一个页面时并不知道上一次对这个页面做了什么.因此引入了cookie.session两种方式来配合解决此问题. Duplicate entry:重 ...
    
		
    8. 
						
  8. [No00008F]PLSQL自动登录，记住用户名密码&日常使用技巧
		
    配置启动时的登录用户名和密码 这是个有争议的功能,因为记住密码会给带来数据安全的问题. 但假如是开发用的库,密码甚至可以和用户名相同,每次输入密码实在没什么意义,可以考虑让PLSQL Develope ...
    
		
    9. 
						
  9. WAMPserver配置（允许外部访问、phpmyadmin设置为输入用户名密码才可登录等）
		
    对于很多不熟悉PHP环境安装的朋友来说,用集成环境可以更快的上手,更方便的搭建PHP的运行环境,但是,WAMP的集成环境仅仅是将底层基础工作做好 了,有些个别关键的配置操作并没有集成到环境安装中,所以 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. poj 2785 让和为0 暴力&二分
			
    题目链接:http://poj.org/problem?id=2785 大意是输入一个n行四列的矩阵,每一列取一个数,就是四个数,求有多少种着四个数相加和为0的情况 首先脑海里想到的第一思维必然是一个 ...
    
			
    2. 
						
  2. mtcp的快速编译（连接）
			
    mtcp的快速编译 http://mos.kaist.edu/guide/config/03_build_mtcp.html 介绍DPDK中使用mtcp的文档 https://dpdksummit.c ...
    
			
    3. 
						
  3. Qt5+VS2010的安装及使用
			
    在我的博客<Win7下Qt5的安装及使用>中讲解了win7下Qt5+MinGW的安装及使用,本节再讲解win7下Qt5+VS2010的安装及使用.利用Qt5+MinGW开发应用程序比较麻烦 ...
    
			
    4. 
						
  4. python之web开发“三剑客”
			
    #  django import django #  flask import flask # tornado import tornado
    
			
    5. 
						
  5. [VBS]检测计算机各硬件信息
			
    1)批处理脚本:Rhea_HardwareInfoCollector.bat 调用VBScript脚本Rhea_HardwareInfoCollector.vbs,并将结果打印到文件Rhea_Resu ...
    
			
    6. 
						
  6. hdu6069 多校Counting Divisors
			
    思路:对于n^k其实就是每个因子的个数乘了一个K.然后现在就变成了求每个数的每个质因子有多少个,但是比赛的时候只想到sqrt(n)的分解方法,总复杂度爆炸,就一直没过去,然后赛后看官方题解感觉好妙啊! ...
    
			
    7. 
						
  7. python之面向对象篇6
			
    一.继承与派生 什么是继承 继承一种新建类的方式,新建的类称为子类或者派生类,被继承的类称为父类或基类或超类 子类会遗传父类的一系列属性 python支持多继承 注意: 在python3中,如果没有显 ...
    
			
    8. 
						
  8. 进入快速通道的委托（深入理解c#）
			
    1.方法组:所有的名称相同的重载方法合在一起就成为一个方法组. 2.协变性和逆变性: 协变性指的是——泛型类型参数可以从一个派生类隐式转化为基类. 逆变性指的是——泛型类型参数可以从一个基类隐式转化为 ...
    
			
    9. 
						
  9. vsftpd只能连接不能上传文件问题
			
    Centos7 记得很清楚,vsftpd安装后,不需要配置,本地用户就可以正常使用(登录.上传.下载) 这次配的就是不行,另起了个虚拟机,装了下,就是不需要配置,但是在一台机上,就是不行,只能登录,下 ...
    
			
    10. 
						
  10. 10个相见恨晚的 Java 在线练手项目
			
    10个有意思的Java练手项目: 1.Java 开发简单的计算器 难度为一般,适合具有 Java 基础和 Swing 组件编程知识的用户学习 2.制作一个自己的 Java 编辑器 难度中等,适合 Ja ...
    
			
    11.