Laravel 5 Ajax post

Salut, je suis vraiment un moment difficile sur les nouvelles structures dans laravel 5, je suis en train d'essayer de soumettre un formulaire via AJAX post, mais je reçois l'erreur 422 (Bad Request). Ai-je raté quelque chose ou dois-je faire quelque chose avec ma classe de Requête? Voici mon code:

Contrôleur:

public function login(LoginRequest $request)
{

    if ($this->auth->attempt($request->only('email', 'password')))
    {
        return redirect("/");
    }

    return response()->json(['errors'=>$request->response]);
}

LoginRequest fichier (j'ai ajouté une réponse personnalisée à une méthode):

public function response(array $errors)
{
    if ($this->ajax() || $this->wantsJson())
    {
        return response()->json($errors, 422);
    }

    return response()->json($errors);
}

Mon code ajax:

$("#form-login").submit(function(){

  var selector = $(this);
  $.ajax({
     url: selector.attr("action"),
     type: "post",
     data: selector.serialize(),
     dataType: "json",
  }).done(function(data){
     console.log(data);
     if(data.status == "failed"){
       alert("error");
     }else{
        alert("success");
     }
  });

  return false;
});

Donc Mon problème est que quand je soumettre mon formulaire tout ce que je peux voir de ma console est - Echec du chargement de la ressource: le serveur a répondu avec un statut de 422 (Bad Request)

S'il vous plaît si quelqu'un peut aider. Merci à l'avance!

Il vous manque le code pour la question, sans elle, nous ne pouvons pas vraiment vous aider.
Pouvez-vous jeter un oeil à app/storage/logs/laravel.log et afficher le message d'erreur? Je suppose que c'est un TokenMismatchException...
Il travaille maintenant. merci pour le temps 🙂

OriginalL'auteur user4269033 | 2015-02-07

1

En réalité, j'étais juste mal avec moi-même, et la réponse est assez simple en fait.

Parce que Laravel demande répond avec un code d'état de 422, jQuery/réussite de fait, les fonctions ne font pas le feu, mais plutôt la fonction d'erreur, vu que ce n'est pas 200.

Donc, pour obtenir la réponse JSON à partir de votre requête AJAX généré à partir de l'objet de la Requête en raison de la validation échoue, vous devez définir le gestionnaire d'erreur, dans votre cas, comme suit:
```
$.ajax({ /* ... */ })
    .done(function(response) { /* ... */ })
    .error(function(data) { //the data parameter here is a jqXHR instance
        var errors = data.responseJSON;
        console.log('server errors',errors);
    });
```
OriginalL'auteur thorne51

J'ai eu un problème similaire, je vais le laisser ici le code que j'ai fini avec.

la forme:

<div class="container">
        <div class="text-center">
            <div class="title">{!!HTML::image("img/HERLOPS_Transparent_Blue.png") !!}</div>
            {!! Form::open(['data-remote','url' => '/auth/login', 'class'  => 'col-lg-4 col-lg-offset-4', 'id' => 'login_form']) !!}

                <div class="form-group">
                    <input type="email" class="form-control" id="email" name="email" placeholder="Your Email" value="{{ old('email') }}">
                </div>
                <div class="form-group">
                    <input type="password" class="form-control" id="password" name="password" placeholder="Your Password">
                </div>
                <button id="submit" type="submit" class="btn btn-primary">Login <i class="fa fa-sign-in"></i></button>
                <div style="clear:both">
                    <a class="btn btn-link" href="{{ url('/password/email') }}">Forgot Your Password?</a>
                </div>

            {!! Form::close() !!}
            <div style="text-align:center" class="col-lg-4 col-lg-offset-4" id="form-errors"></div>
            <div style="clear:both"></div>
            <div class="quote">{{ Inspiring::quote() }}</div>
        </div>
    </div>

Le jquery:

(function() {
var submitAjaxRequest = function(e) {
var form = $(this);
var method = form.find('input[name="_method"]').val() ||  'POST'; //Laravel Form::open() creates an input with name _method
$.ajax({
type: method,
url: form.prop('action'),
data: form.serialize(),
success: function(NULL, NULL, jqXHR) {
if(jqXHR.status === 200 ) {//redirect if  authenticated user.
$( location ).prop( 'pathname', 'projects' );
console.log(data);
}
},
error: function(data) {
if( data.status === 401 ) {//redirect if not authenticated user
$( location ).prop( 'pathname', 'auth/login' );
var errors = data.responseJSON.msg;
errorsHtml = '<div class="alert alert-danger">'+errors+'</div>';
$( '#form-errors' ).html( errorsHtml ); 
}
if( data.status === 422 ) {
//process validation errors here.
var errors = data.responseJSON; 
errorsHtml = '<div class="alert alert-danger"><ul>';
$.each( errors , function( key, value ) {
errorsHtml += '<li>' + value[0] + '</li>'; 
});
errorsHtml += '</ul></di>';
$( '#form-errors' ).html( errorsHtml ); 
} else {
}
}
});
e.preventDefault();
};
$('form[data-remote]').on('submit', submitAjaxRequest);
})();

Et enfin la méthode du contrôleur qui gère l'ajax demande de connexion,

/**
* Handle an ajax login request to the application
* 
* @param \Illuminate\Http\Request $request
* @param \Illuminate\Http\Response
*/ 
public function postLogin(Request $request)
{
$this->validate($request, [
'email' => 'required|email', 'password' => 'required',
]);//Returns response with validation errors if any, and 422 Status Code (Unprocessable Entity)
$credentials = $request->only('email', 'password');
if ($this->auth->attempt($credentials))
{
return response(['msg' => 'Login Successfull'], 200) //200 Status Code: Standard response for successful HTTP request
->header('Content-Type', 'application/json');
}
return response(['msg' => $this->getFailedLoginMessage()], 401) //401 Status Code: Forbidden, needs authentication
->header('Content-Type', 'application/json');
}

OriginalL'auteur Andres Zapata

Vous devez vous connecter pour publier un commentaire.