<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. IDEA 的 Edit 设置
			
    1.设置鼠标悬浮提示 General -- Show quick documentation on mouse move 2.自动导包 3.设置显示行号和方法的间隔符 4.忽略大小写  4.设置取消单 ...
    
			
    2. 
						
  2. vs视图引入命名空间设置方法
			
    解决: 1.@using在cshtml的最上面,加上一句: @using Puzzle.Framework.Common 2.在View文件夹下面的web.config里面加: <system. ...
    
			
    3. 
						
  3. asp.net读取xml接口
			
    //发送获取xml请求 public static string SentRequest(String url) { HttpWebRequest req = WebRequest.CreateHtt ...
    
			
    4. 
						
  4. Ubuntu几种常见乱码解决方法
			
    一.网页中的flash乱码:        ubuntu默认浏览器是Firefox,但是Ubuntu默认不安装像flash这种带版权的软件,所以当你浏览像youku或网页播放器时,这种带有 flash ...
    
			
    5. 
						
  5. php mysql 丢失更新
			
    php mysql 丢失更新问题,搜索整个互联网,很少有讲到,也许和php程序员出身一般都是非科班出身有关系吧. 另外php程序一般都是简单数据,很少有并发一致性问题,所以大家都没有谁专门提出这个问题 ...
    
			
    6. 
						
  6. Ubunton安装mysql
			
    #手下下载tar.gz包#首先手工建立mysql用户和用户组 > groupadd mysql > useradd -r -g mysql mysql#然后就是安装的解压 编译安装 > ...
    
			
    7. 
						
  7. java数组元素倒置
			
    package dataStructure; import java.util.Arrays; import java.util.ArrayList; public class Test1 { sta ...
    
			
    8. 
						
  8. [C#.Net]判断文件是否被占用的两种方法
			
    今天开发产线测试Tool时发现日志文件会几率性的被占用,上网浏览找到最简单的代码(API或者FileStream),在这里抛砖引玉下. 第一种方法:API using System.IO; using ...
    
			
    9. 
						
  9. 【转】PHP实现验证码
			
    转自http://www.jb51.net/article/40341.htm 新建一个captcha.php: //验证码类class Captcha { private $charset = 'a ...
    
			
    10. 
						
  10. vue路由跳转的多种方式
			
    1.router-link to 跳转 <router-link to="/child"><button>跳转</button></rou ...
    
			
    11.