AJAX:
AjaxTest.success{
color: green;
}
.error{
color: gray;
}
Ajex
Username:
Password:
tijiao
function tijiao1(){
var user =$('#username').val()
var pwd =$('#password').val()
$.ajax({
url:'/ajax/',
type:'POST',
data:{username:user,password:pwd},
success:function(callback){
var callback_dict = $.parseJSON(callback);
if (callback_dict.status==1002){
$('#status').text('success');
$('#status').removeClass('error').addClass('success');
}else if(callback_dict.status == 1001){
$('#status').text(callback_dict.error);
$('#status').removeClass('success').addClass('error')
}
}
})
}
Django views Code
from django.shortcuts import render,HttpResponse
import json
# Create your views here.
def ajax(request):
if request.method =='POST':
ret={'status':1001,'error':''}
user=request.POST.get('username')
pwd=request.POST.get('password')
print (user,pwd)
if user == 'freeman' and pwd == 'redhat':
ret['status'] = 1002
else:
ret['error']='Username oR password error'
return HttpResponse(json.dumps(ret))
return render(request,'ajax.html')