<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. Java.Class
			
    Class类 1. Class继承自Object. 2. .class 和 instance.getClass()的区别 Ref[1] Reference 1. .class http://stack ...
    
			
    2. 
						
  2. Jsonpath的基本使用
			
    JSONPath - 是xpath在json的应用. xml最大的优点就有大量的工具可以分析,转换,和选择性的提取文档中的数据.XPath是这些最强大的工具之一.   如果可以使用xpath来解析js ...
    
			
    3. 
						
  3. start()方法和run()方法有什么区别？
			
    通过调用线程类的start()方法来启动一个线程,使线程处于就绪状态,即可以被JVM来调度执行,在调度过程中,JVM通过调用线程类的run()方法来完成实际的业务逻辑,当run()方法结束后,此线程就 ...
    
			
    4. 
						
  4. 知名APP（支付宝、微信、花瓣等）首页设计技巧及原型实例讲解
			
    APP首页设计对APP自身来说是至关重要的,一款优秀的APP产品,其首页设计不仅需要清晰的展示产品核心功能,给用户创造良好的用户体验,而且还需要展示公司的品牌形象,提升在用户心中的品牌认知度.今天,就 ...
    
			
    5. 
						
  5. jvm gc 算法
			
    1标记-清除法 他是现代垃圾回收算法的思想基础. 标记-清除算法将垃圾回收分为两个阶段:标记阶段和清除阶段. 在标记阶段,首先通过根节点,标记所有从根节点开始的可达对象(根搜索算法).而未被标记的对象 ...
    
			
    6. 
						
  6. python中从内部循环直接跳出多层循环
			
    学习循环的时候碰到一道题,需要从内部循环中直接跳出所有循环,想了很久终于想到一种好办法(小白认知) 题目为:使用while循环输出100-50,从大到小,到50时,再循环输出0-50,从小到大. ex ...
    
			
    7. 
						
  7. kbmmw 5.02发布
			
    5.02.00 May 27 2017 Important notes (changes that may break existing code) ========================= ...
    
			
    8. 
						
  8. 清幽傲竹实现的kbmMWServer数据库联接失败重联(转载红鱼儿)
			
    1.修改kbmMWUnidac单元的TkbmMWUNIDACConnection.InternalOpenConnection方法,加上:          //支持unidac重联          ...
    
			
    9. 
						
  9. java web各个技术细节总结
			
    HTML 非表单标签 1.b 粗体   u 下划线 i 斜体 del 删除效果 2.a  超链接  href  target=-blank 3.img 图片 4.frameset(frame)  框架 ...
    
			
    10. 
						
  10. servler中表单加了enctype="multipart/form-data"属性后request就接收不到表单传过来的值了
			
    在解决博问node.js接受参数的时候,发现当form中添加enctype:"multipart/form-data",后台确实获取不到数据,于是跑到百度上查了一下,终于明白为什么 ...
    
			
    11.