2

Estoy enviando una petición por ajax a un controlador y me genera este error

ERROR: El token CSRF no es válido. Por favor, pruebe a enviar nuevamente el formulario.

Formulario

{{ form_start(form, {'action': path_with_locale('general_alerts'), 'attr':{'id': 'form_alert1'} }) }}
                        {% if app.user %}
                            {{ form_widget(form.email, { 'attr': {'value': app.user.username, 'class': 'hide'} }) }}
                        {% else %}
                            <div class="form-group" style="text-align:left;">
                                {{ form_errors(form.email, { 'alert_attr': {'class': 'alert alert-danger'} }) }}
                                {{ form_label(form.email, 'Email :', { 'label_attr': {'class': 'control-label'} }) }} 
                                {{ form_widget(form.email, { 'attr': {'class': 'text-input', 'placeholder': "Email"} }) }}
                            </div>
                        {% endif %}    
                        {{ form_widget(form.url, { 'attr': {'value': ajaxUrl, 'class': 'hide'} }) }}
                        <div style="text-align: right">
                            <button type="submit" class="btn btn-success"> Crear alerta</button>            
                        </div>
                    {{ form_rest(form) }}
                    {{ form_end(form) }}

Ajax

jQuery("#form_alert1").submit(function (e) {
            e.preventDefault();
            var $url = $(this).attr('action');
            var $data = $(this).serialize();
            $.ajax({
                type: "POST",
                url: $url,
                data: $data
            }).done(function (result) {
                if (result.success) {
                    $('#result').html('<p>Tu alerta se ha guardado exitosamente. </p>');
                } else if (result.fail) {                        
                    $('#result').html('<p>Ya tienes creada una alerta para esta búsqueda. </p>');                        
                }
            });
        });

Controlador

public function alertAction(Request $request) {
    $alert = new Alerts();
    $form = $this->createForm(new AlertsType(), $alert);


    if ($request->getMethod() == 'POST') {
        $form->handleRequest($request);

        if ($form->isValid()) {
            $em = $this->getDoctrine()->getManager();
            if ($request->isXmlHttpRequest()) {
                    $alert->setEntrydate(new \DateTime());
                    $alert->setPrice("011000");
                    $alert->setState(1);
                    $em->persist($alert);
                    $em->flush();
                    $response = new Response();
                    $output = array('success' => true);
                    $response->headers->set('Content-Type', 'application/json');
                    $response->setContent(json_encode($output));
                    return $response;

            } 
        } 
    }

3 respuestas 3

2

Si no quieres tener habilitado en tus formularios la seguridad por CSRF token, puedes deshabilitarlo en tu fichero config.yml:

framework: csrf_protection: enabled: false

0

El error indica que no estás enviando el token que va en un input oculto dentro del formulario, deberías intentar mover el botón al final del formulario de esta manera:

{{ form_start(form, {'action': path_with_locale('general_alerts'), 'attr':{'id': 'form_alert1'} }) }}
                    {% if app.user %}
                        {{ form_widget(form.email, { 'attr': {'value': app.user.username, 'class': 'hide'} }) }}
                    {% else %}
                        <div class="form-group" style="text-align:left;">
                            {{ form_errors(form.email, { 'alert_attr': {'class': 'alert alert-danger'} }) }}
                            {{ form_label(form.email, 'Email :', { 'label_attr': {'class': 'control-label'} }) }} 
                            {{ form_widget(form.email, { 'attr': {'class': 'text-input', 'placeholder': "Email"} }) }}
                        </div>
                    {% endif %}    
                    {{ form_widget(form.url, { 'attr': {'value': ajaxUrl, 'class': 'hide'} }) }}
                {{ form_rest(form) }}
                {{ form_end(form) }}
                    <div style="text-align: right">
                        <button type="submit" class="btn btn-success"> Crear alerta</button>            
                    </div>
0

Para solucionar esto debes utilizar esto en el formulario en la parte de twig:

{{ form_row(form._token) }}

De esta forma el error ya no se muestra y tienes este control de seguridad que es muy importante. Lo probe en symfony 4 y funciona perfecto

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.