ajax写出简单的一个登录,ajax实现简单登录页面

登录页面

.div1{

display: none;

color: red;

}

$(function () {

$('#register').click(function () {

// alert('ok');

//获取用户名和密码:

username = $('#username').val();

password = $('#password').val();

rember = $('#rember').val();

// alert(rember);

$.ajax({

url:"/login_ajax_check",

type:"POST", //提交方式

data:{"username":username,"password":password,"rember":rember},

dataType:"json",

}).done(function (data) {

if (data.res==1){

// alert('username')

location.href="/index" rel="external nofollow"

}else{

// alert('username');

$('.div1').show().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})