Symfony2 AJAX Login

namespace YourVendor\UserBundle\Handler;

use Symfony\Component\HttpFoundation\Response;
use Symfony\Component\HttpFoundation\RedirectResponse;
use Symfony\Bundle\FrameworkBundle\Routing\Router;
use Symfony\Component\Security\Core\Authentication\Token\TokenInterface;
use Symfony\Component\HttpFoundation\Request;
use Symfony\Component\Security\Http\Authentication\AuthenticationSuccessHandlerInterface;
use Symfony\Component\Security\Http\Authentication\AuthenticationFailureHandlerInterface;
use Symfony\Component\Security\Core\Exception\AuthenticationException;

class AuthenticationHandler
implements AuthenticationSuccessHandlerInterface,
           AuthenticationFailureHandlerInterface
{
    private $router;

    public function __construct(Router $router)
    {
        $this->router = $router;
    }

    public function onAuthenticationSuccess(Request $request, TokenInterface $token)
    {
        if ($request->isXmlHttpRequest()) {
            // Handle XHR here
        } else {
            // If the user tried to access a protected resource and was forces to login
            // redirect him back to that resource
            if ($targetPath = $request->getSession()->get('_security.target_path')) {
                $url = $targetPath;
            } else {
                // Otherwise, redirect him to wherever you want
                $url = $this->router->generate('user_view', array(
                    'nickname' => $token->getUser()->getNickname()
                ));
            }

            return new RedirectResponse($url);
        }
    }

    public function onAuthenticationFailure(Request $request, AuthenticationException $exception)
    {
        if ($request->isXmlHttpRequest()) {
            // Handle XHR here
        } else {
            // Create a flash message with the authentication error message
            $request->getSession()->setFlash('error', $exception->getMessage());
            $url = $this->router->generate('user_login');

            return new RedirectResponse($url);
        }
    }
}

si vous voulez le support d'erreur FOS UserBundle form, vous devez utiliser:

$request->getSession()->set(SecurityContext::AUTHENTICATION_ERROR, $exception);

au lieu de:

$request->getSession()->setFlash('error', $exception->getMessage());

Dans la première réponse.

(rappelez-vous bien sûr de l'en-tête: utilisez Symfony\Component\Security\Core\SecurityContext;)

j'ai géré cela entièrement avec javascript:

if($('a.login').length > 0) { // if login button shows up (only if logged out)
        var formDialog = new MyAppLib.AjaxFormDialog({ // create a new ajax dialog, which loads the loginpage
            title: 'Login',
            url: $('a.login').attr('href'),
            formId: '#login-form',
            successCallback: function(nullvalue, dialog) { // when the ajax request is finished, look for a login error. if no error shows up -> reload the current page
                if(dialog.find('.error').length == 0) {
                    $('.ui-dialog-content').slideUp();
                    window.location.reload();
                }
            }
        });

        $('a.login').click(function(){
            formDialog.show();
            return false;
        });
    }

Voici la classe AjaxFormDialog. Malheureusement, je ne l'ai pas encore porté sur un plugin jQuery... https://gist.github.com/1601803

vous devez retourner un objet de réponse dans les deux cas (Ajax ou non). Ajoute un "autre" et tu es prêt à partir.

l'implémentation par défaut est:

$response = $this->httpUtils->createRedirectResponse($request, $this->determineTargetUrl($request));

dans AbstractAuthenticationListener::onSuccess

j'ai fait un petit paquet pour les nouveaux utilisateurs de fournir un formulaire de connexion AJAX : https://github.com/Divi/AjaxLoginBundle

il suffit de remplacer form_login authentification par ajax_form_login dans la sécurité .yml .

n'hésitez pas à proposer une nouvelle fonctionnalité dans le GitHub issue tracker !

ce n'est peut-être pas ce que l'OP a demandé, mais je suis tombé sur cette question, et j'ai pensé que d'autres pourraient avoir le même problème que moi.

pour ceux qui implémentent un login AJAX en utilisant la méthode décrite dans la réponse acceptée et qui utilisent aussi AngularJS pour effectuer la requête AJAX, cela ne fonctionnera pas par défaut. Le $http d'Angular ne définit pas les en-têtes que Symfony utilise lorsqu'il appelle la méthode $request->isXmlHttpRequest() . Afin d'utiliser cette méthode, vous devez définir l'en-tête approprié dans la requête angulaire. C'est ce que j'ai fait pour contourner le problème:

$http({
    method  : 'POST',
    url     : {{ path('login_check') }},
    data    : data,
    headers: {'X-Requested-With': 'XMLHttpRequest'}
})

avant d'utiliser cette méthode, soyez conscient que cet en-tête ne fonctionne pas bien avec CORS. Voir cette question