Question

当我第二次在服务器上发送带有数据的表单时，它会重定向我处理来自客户端请求的路由。

我的意思

我有控制器方法接受来自客户端的请求作为AJAX并验证数据

public function addCommentAction(Request $request)
    {
        $post = new Post();
        $form = $this->createForm(new PostType(), $post);
        $post->setCreated(new \DateTime('now'));
        if ($request->getMethod() == 'POST') {
            $form->submit($request);
            if ($form->isValid()) {
                $em = $this->getDoctrine()->getManager();
                $em->persist($post);
                $em->flush();
                $this->get('session')->getFlashBag()->add('success', 'Comment has been sent on moderation. Wait 1 minute before send another comment.');
            }
        }
        return $this->render('GuestbookBundle:Post:postForm.html.twig', array(
            'form' => $form->createView(),
        ));
    }

我的阿贾克斯。序列化表单，然后使用表单

中的数据向服务器发送请求

$('.container .form-comment .send-comment').on('click', function(e) {
        var $from = $(this).closest('form');
        e.preventDefault();
        $.ajax({
            type: "POST",
            url: $from.attr('action'),
            data: $from.serialize(),
            success: function(data) {
                $('.form-comment').empty().append(data);
            }
        })
    });

当我第二次点击发送按钮时，它会将我重定向到mydomain.com/add页面，该页面处理来自表单的请求

add:
    path:     /add
    defaults: { _controller: GuestbookBundle:Post:addComment }
    requirements:
        _method:  POST

如何解决这个问题？为什么在成功后发送我的表格不明确？

谢谢。

Answer 1

首先，您在提交后再次返回表格，为什么需要这个？正如我所知，您正在尝试添加评论，因此在提交后您可以返回消息（例如 - 成功）或您需要的任何其他数据。

    public function addCommentAction(Request $request)
    {
        $post = new Post();
        $form = $this->createForm(new PostType(), $post);
        $result = ['status' => 'success',
                'comment' => 'Comment has been sent on moderation. Wait 1 minute before send another comment.' ];
        $post->setCreated(new \DateTime('now'));
        if ($request->getMethod() === 'POST') {
            $form->submit($request);
            if ($form->isValid()) {
                $em = $this->getDoctrine()->getManager();
                $em->persist($post);
                $em->flush();
//              $this->get('session')->getFlashBag()->add('success', 'Comment has been sent on moderation. Wait 1 minute before send another comment.');
                return new JsonResponse($result);
            } 
            $result['status'] = 'error';
            return new JsonResponse($result);
        }
        return $this->render('GuestbookBundle:Post:postForm.html.twig', array(
            'form' => $form->createView(),
        ));
    }

的javascript：

$('.container .form-comment .send-comment').on('click', function(e) {
        var $from = $(this).closest('form');
        e.preventDefault();
        $.ajax({
            type: "POST",
            url: $from.attr('action'),
            data: $from.serialize()

        }).done(function(data) {
                  //data will contains data.status && data.message
                  //you can add any data in your controller

            $('.form-comment').empty().append(data.messages);

        }).fail(function(data) {
            alert(data.messages);
        });
    });

你也在使用不推荐的语法，最好使用$form->handleRequest($request);，您可以阅读here

Answer 2

我发现为什么他们在重新提交后转发我的网址。第二次jquery没有工作，因为在响应后我收到新的html和jquery可以绑定按钮上的事件。作为解决方案更改JS代码

$('.container .form-comment').on('submit', '.send-comment', function(e) {
});

Symfony2在重新提交表单时转发

2 个答案: