Laravel 5.3 Ajax登录

Question

I'm trying to login my users with ajax with a new Laravel 5.3 project.

I've generated the auth routes, which got added to my web.php:

Auth::routes();

I have a html form with email, and password inputs and the csrf field. Then I also have this javascript file:

$("form.login").submit(function(e) {
    e.preventDefault();

    $.ajax({   
        method: "POST",
        dataType: "json",
        headers: { 
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
        },
        data: $("form.login").serialize(),
        url: "/login"
    })
    .done(function(data) {
        console.log(data);
    });
});

When I post it however, this shows up in my network tab:

It redirects back to the original page, without returning any data.

Why is it doing this? Does 5.3 not give json responses anymore?

Answer 1

For explanation about my mistake (the kind of same as op), see the edit history of this post.

How I solved it

with a little bit of help from @iSensical

Inside the app/Exceptions/Handler.php there is a unauthenticated function which, by default, knows if the request expects a json answer with the expectsJson() function.

The problem didn't came from Laravel by itself. It was, surprisingly, the human factor. I wrote a bad piece of code.

My ajax request did not used an intuitive header for Laravel.

I had this:

$http({
    url     : '{{ route('angular.auth.login.post') }}',
    method  : 'POST',
    data    : $.param($scope.user)+'&x-csrf-token='+CSRF_TOKEN,
    headers : { 'Content-Type': 'application/x-www-form-urlencoded' }
})
[...]

We might have used a bad Content-Type. The correct one was application/json like this:

headers : { 'Content-Type': 'application/json' }