Modulo di login di Django Ajax

Question

Sto tentando di inviare un modulo di accesso usando ajax. Sono confuso su come dovrei gestire le eccezioni/le risposte positive. Ricevo un 200 OK dal server e il modulo restituisce l'errore sia dal campo password/nome utente. Come posso ottenere un messaggio di errore per visualizzare o reindirizzare l'utente alla pagina appropriata in base alla risposta del server?

JQuery:

56 $(window).load(function(){                             
57 $('#login_form').submit(function(e){                           
58    e.preventDefault();                            
59  var request_url = document.getElementById('next').value                    
60   $.ajax({                               
61    type:"POST",                              
62    url: $(this).attr('action'),                          
63    data: $('#login_form').serialize(),                        
64    success: function(response){ $('#msg').text(response);                   
65    console.log(response);                           
66    },                                
67    error: function(xhr, ajaxOptions, thrownError){ alert($('#login_error').text('Username already taken. Please select another one.')}, 
68   });                                
69  });                                  
70 }); 

VISTA: AGGIORNATO

51 def login(request):                               
52  if request.method == 'POST':                            
53   request.session.set_test_cookie()                         
54   login_form = AuthenticationForm(request, request.POST)                    
55   if login_form.is_valid():                           
56    if request.is_ajax:                            
57     user = django_login(request, login_form.get_user())                   
58     if user is not None:                           
59      return HttpResponseRedirect(request.REQUEST.get('next', '/')) 
      **else:**                                
61    **return HttpResponseForbidden() # catch invalid ajax and all non ajax**           
60  else:                                 
61   login_form = AuthenticationForm(request)                        
62                                    
63  c = Context({                               
64   'next': request.REQUEST.get('next'),                         
65   'login_form': login_form,                           
66   'request':request,                             
67  })                                  
68  return render_to_response('login.html', c, context_instance=RequestContext(request))  

MODULO:

7 <tt id="login_error"></tt>                                
8 <form id="login_form" action="" method="post">                        
9                                    
10  {{ login_form }}                               
11  <input type="submit" value="login"/>                          
12  <input type="hidden" id="request_path" name="next" value="/"/>                   
13 </form>                                 
14 <p>{{ request.get_full_path }}</p>                           
15 <tt id='msg'></tt>   

Answer 1

Anche se è sicuramente una buona pratica fare questo con un json, puoi andartene senza, presumendo che non stai passando davvero molte informazioni dal server. Sul lato django, scambia lo HttpResponseRedirect per un HttpResponse utilizzando l'URL di reindirizzamento come messaggio. Aggiungere anche un HttpResponseForbidden per il caso in cui l'accesso ajax fallisce.

def login(request):                               
    if request.method == 'POST':                            
     request.session.set_test_cookie()                         
     login_form = AuthenticationForm(request, request.POST)                    
     if login_form.is_valid():                           
      if request.is_ajax:                            
       user = django_login(request, login_form.get_user())                   
       if user is not None:                           
        return HttpResponse(request.REQUEST.get('next', '/')) 
     return HttpResponseForbidden() # catch invalid ajax and all non ajax               
    else:                                 
     login_form = AuthenticationForm()                                   
    c = Context({                               
     'next': request.REQUEST.get('next'),                         
     'login_form': login_form,                               
     'request':request,                             
    })                                  
    return render_to_response('login.html', c, context_instance=RequestContext(request)) 

Quindi, sul lato javascript, controllare il codice di stato della risposta. Se è 200, allora questo è il tuo HttpResponse - vuoi reindirizzare all'url nel messaggio di risposta. Se si tratta di un 403, allora questo è il tuo HttpResponseForbidden - login non è riuscito. Puoi farla franca con un messaggio di errore standard di "accesso non riuscito".

$.ajax({                               
    type:"POST",                              
    url: $(this).attr('action'),                          
    data: $('#login_form').serialize(), 
    // the success function is called in the case of an http 200 response                     
    success: function(response){ 
     // redirect to the required url 
     window.location = response;                          
    },                                
    error: function(xhr, ajaxOptions, thrownError){ 
     alert('login failed - please try again'); 
    }, 
}); 

Ho paura di non averlo provato, ma dovrebbe darvi un'idea.

Per ulteriori informazioni, consultare docs for django's HttpResponse objects. Quindi controlla il jquery ajax docs.

Answer 2

return HttpResponseRedirect(request.REQUEST.get('next', '/')) 

Ovviamente non si può usare che se si sta eseguendo ajax, il client deve essere responsabile del reindirizzamento/visualizzazione/di qualunque cosa venga inviata di nuovo nella risposta Ajax. Se l'accesso ha esito positivo, invia una risposta JSON che comunica al client di reindirizzare sé stesso (con reindirizzamento javascript), in caso contrario, invia una risposta JSON con l'elenco degli errori e visualizzali utilizzando javascript.