Question

修改

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

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

问题

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'
})

如果您使用的是使用XHR，则可以在打开的功能中指定类型

xhr.open( 'GET', URL)

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

是个好主意

Answer 2

您可能也对FOSJsRoutingBundle感兴趣，因为它通常会增加很多使用ajax和Symfony2路径的安慰。

通过Ajax显示表单

修改

问题

到目前为止我的代码：

编辑：jQuery部分：

2 个答案: