Django收到POST请求后未重定向

Question

I'm trying to send some values from the front-end to a Django app. I want to manipulate those values and then redirect to another view, but it seems that Django is not redirecting nor rendering nothing.

This is my urls.py

from django.conf.urls import url
from . import settings
from personality_form import views

urlpatterns = [
    url(r'^$', views.home, name="home"),
    url(r'^apiLogin/(?P<_id>\d+)$', views.apiLogin,name="apiLogin"),
    url(r'^formulario/(?P<_id>\d+)$', views.formulario, name="formulario"),
]

This is my views.py

from django.shortcuts import render, redirect
from personality_form.models import *
from personality_form.forms import *
from django.views.decorators.csrf import csrf_exempt

def home(request):  
    return render(request, 'index.html')

def formulario(request, _id):
    if (request.method == 'POST'):
        form = personalityForm(request.POST)
    else:
        form = personalityForm()

    return render(request, 'formulario.html', {'form': form})

@csrf_exempt
def apiLogin(request, _id):
    if (request.method == 'POST'):        
        return redirect('/formulario/'+_id)

And this is the javascript function that I'm using to send the POST request from the front.

function test() {
            var http = new XMLHttpRequest();
            http.open('POST', '/apiLogin/1234', true);
            http.setRequestHeader('Content-type', 'application/json');
            var payload = {userID: "1234", access: "4567"};
            var params = JSON.stringify(payload);

            // Send request
            http.send(params);
        }

I've tried to send the POST to apiLogin view. I check that it is entering on that view but when I try to redirect to formulario view, it enters on formulario code but don't seems to execute the render instruction. I tried to change the redirect function for render but don't show the new html neither.

Is there a reason why is not redirecting the url and changing the front?

I'm using Django 1.11 and Python 3.6.

Answer 1

You have to change your code slightly. In your api_login() , create a reverse url with an argument. Then inside your JavaScript change the window url itself to redirect.

Firstly, inside your def apiLogin(request, _id) :

from django.core.urlresolvers import reverse
from django.http import JsonResponse

@csrf_exempt
def apiLogin(request, _id):
    if (request.method == 'POST'):        
        #create a url string using reverse.
        url = reverse('formulario' , kwargs = {'_id' : _id})
        #if the above way doesn't work then try: url = request.build_absolute_uri(reverse('formulario' , kwargs = {'_id' : _id}))
        #Now simply return a JsonResponse. Ideally while dealing with ajax, Json is preferred. 
        return JsonResponse(status = 302 , data = {'success' : url })

Then inside your JavaScript:

function test() {
    var http = new XMLHttpRequest();
    //The onreadystatechange function is called every time the readyState changes.
    //4: request finished and response is ready
    //basically the below function gets called every time your the response of you request request is returned from the server.
    http.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 302) {
            var json = JSON.parse(this.responseText); 
            console.log(json.success);
            //following line would actually change the url of your window.  
            window.location.href = json.success; 
        }
    };
    http.open('POST', '/apiLogin/1234', true);
    http.setRequestHeader('Content-type', 'application/json');
    var payload = {userID: "1234", access: "4567"};
    var params = JSON.stringify(payload);

    // Send request
    http.send(params);     
}

I hope this works. If it doesn't then please check what is printed inside the console. If it works then simply remove the console statement.

Hope this helps. Thanks.