通过 Ajax 显示表单

Question

编辑

关于 SO 的许多问题都是关于通过 Ajax 提交表单（this one 非常流行），而不是关于如何通过 ajax 调用显示表单。

我的问题是关于粗体部分：用户要求表单 -> ajaxCall -> displayForm -> 用户提交表单 -> 将表单发送到控制器 -> 验证表单 - > 向用户发送响应（错误与否）。

---

问题

ajax 调用是一个 POST，$request->isMethod('POST') 在进行 ajax 调用时总是返回 true。因此，如果通过 ajax 调用请求新表单，它将始终被验证。我附上了下面的代码，表单显示正常，但是表单中显示如下错误信息：

CSRF 令牌无效。

问题是在控制器中的表单的 ajax 调用请求期间正在验证表单。

附带说明，提交表单效果很好，验证效果很好。

有谁知道如何通过 Ajax 显示表单而不验证空白的新表单？

到目前为止我的代码：

/**
 * Display the message as well as the form to reply to that message
 *
 * @param Request $request
 * @return Response
 */
public function viewMessageAction(Request $request)
{
    //Forbid every request but jQuery's XHR
    if (!$request->isXmlHttpRequest()){
        return new Response('', 200, array('Content-Type' => 'application/json'));
    }

    //Retrieve the message from the request
    $messageId = $request->request->get('messageId');
    $message = $this->getMessageManager->getMessage($messageId);

    //Creates the form to reply to the message
    $form = $this->container->get('reply_form.factory')->create($message);

    if ($request->isMethod('POST')) {
        $form->bind($request);

        if ($form->isValid()) {
            //...
            return $this->redirect($this->generateUrl('task_success'));
        }
    }

    $answer =$this->container->get('templating')->renderResponse('AcmeMessageBundle:Message:message.html.twig', array(
        'form' => $form->createView(),
        'message' => $message
    ));

    $response = new Response();
    $response->headers->set('Content-type', 'application/json; charset=utf-8');
    $response->setContent(json_encode($answer));
    return $response;

}

编辑：jQuery 部分：

<script type="text/javascript">
    $(function(){

        var myPath = ;//...

        function getMessage(messageId){
            $.ajax({
                type: "POST",
                url:  myPath,
                data: "messageId="+messageId,
                success: function(returnData){
                    $('#message').html(returnData);
                }
            });
        }

    });
</script>

Answer 1

ajax 调用并不总是需要 POST。它可以是 GET、PUT 或 DELETE。因此，当您进行 ajax 调用以获取表单时，请使其成为 GET 请求。

如果你在这里使用 jquery，你就是这样做的

$.ajax({
   url: "http://localhost/proj/url",
   type:'GET'
})

如果你使用的是Using XHR，可以​​在open函数中指定类型

xhr.open( 'GET', URL)

PS：最好使用JMS Serializer Service 进行序列化而不是json_encode

Answer 2

您可能还对FOSJsRoutingBundle 感兴趣，因为它为使用 ajax 和 Symfony2 路由增加了很多舒适度。