<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. hdu 5693 && LightOj 1422 区间DP
			
    hdu 5693 题目链接http://acm.hdu.edu.cn/showproblem.php?pid=5693 等差数列当划分细了后只用比较2个或者3个数就可以了,因为大于3的数都可以由2和3 ...
    
			
    2. 
						
  2. linux通过python设置系统默认编码
			
    import sys sys.reload() sys.getdefaultencoding() # 查看设置前系统默认编码 sys.setdefaultencoding('utf-8') sys.g ...
    
			
    3. 
						
  3. 常用到的photoshop实用设计功能都在这了！
			
    常用到的photoshop实用设计功能都在这了!赶快收藏学起来,需转不谢~ ​ 编辑:千锋UI设计
    
			
    4. 
						
  4. Python之路(第十四篇)os模块
			
    一.os模块 1.os.getcwd() 获取当前工作目录(当前工作目录默认都是当前文件所在的文件夹) import os print(os.getcwd()) 2.os.chdir(path) 改变 ...
    
			
    5. 
						
  5. 最佳运动类APP-Keep设计与欣赏
			
    运动类APP是大家手机中必备的一款软件.如果说谁手机里没有任何涉及运动类APP,那只能说真的与时代脱轨了.近些年随着物质生活条件的改善,人们开始越来越重视自己的身体,所以也越来越多的人会进行身体锻炼. ...
    
			
    6. 
						
  6. note:debugging requires the debug connect session system privilege
			
    note:debugging requires the debug connect session system privilege 解决方案: 原因是用户权限不够,使用以下命令授予权限: GRANT ...
    
			
    7. 
						
  7. centos6.5 yum安装postgresql9.3
			
    rpm -ivh http://download.postgresql.org/pub/repos/yum/9.3/redhat/rhel-6-x86_64/pgdg-centos93-9.3-2.n ...
    
			
    8. 
						
  8. 人类及其他物种基因组DNA之问
			
    问题1 : 不同人类个体的基因组长度总长是不是一样,如果不一样,那么人类基因组长度排序和范围区间是如何控制的?最短是多少,最长是多少?如果一样,如何理解基因的插入与缺失,INDEL等现象,如何平衡的呢 ...
    
			
    9. 
						
  9. java15
			
    1.数组 格式:数据类型 [ ] 数据名称 = new 数据类型 [ ] { }: 2.初始化 静态初始化(已知要开多少个房间来存储数据) int[ ] a =new int[ ] {12,32,54 ...
    
			
    10. 
						
  10. Linux mount命令
			
    mount 1.作用 mount命令的作用是加载文件系统,它的用权限是超级用户或/etc/fstab中允许的使用者. 2.格式 mount -a [-fv] [-t vfstype] [-n] [-r ...
    
			
    11.