Symfony2 表单通过 JQuery AJAX 传递 CSRF

Question

我正在开发一个评论框，它将通过 JQuery AJAX 调用保存评论。

JQuery

下面是 JQuery 代码（可以无缝运行）：

$(".post-comment").click(function() {
    var $form = $(this).closest("form");

    if($form)
    {
        $.ajax({
            type: "POST",
            url: Routing.generate('discussion_create'),
            data: $form.serialize(),
            cache: false,
            success: function(html){
                alert("Success!");
                // Output something                  
            }
        });
    }
    else
    {
        alert("An error occured");
    }
    return false;   
});

Symfony2 控制器

然后，Symfony2 控制器方法会获取表单数据并对其进行处理。作为该过程的一部分，它会检查表单是否有效：

$entry = new Discussion();
$discussionForm = $this->createForm(new DiscussionType(), $entry);

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

    $discussionForm->bindRequest($request);

    if ($discussionForm->isValid()) {

此检查不会返回 true。在 else 中，我提取了给出的错误消息并得到：

Array
(
    [0] => The CSRF token is invalid. Please try to resubmit the form
)

CSRF 令牌正在通过 post 传递，就像同步提交表单一样。

另一个可能的问题..唯一的表单ID

我正在使用的表单是由表单类型类创建的。在任何给定页面上都会有几个评论表单。由于 symfony2 使用类型类的 getName() 方法来填充表单 ID 属性，我对其进行了如下修改：

public function getName()
{
    return 'discussionForm' . $randomNumber;
}

这允许多个评论表单没有相同的 id，例如discussionForm20、discussionForm21、discussionForm22 等。

我可以删除 symfony2 Form 组件从混合中生成表单/使用标准 PHP 逻辑处理提交，但我现在拒绝这样做。

有谁知道为什么表单 CSRF 令牌无效？关于如何修改或如何做到这一点有什么建议吗？

Answer 1

尝试使用适当的 JQuery 函数：submit() ^^ 在我的解决方案中，我认为您的表单具有 id“comment_form”。适用于我所有的 sf2 项目：

$('#comment_form').submit(function(e) {

    var url = $(this).attr("action");

    $.ajax({
        type: "POST",
        url: url, // Or your url generator like Routing.generate('discussion_create')
        data: $(this).serialize(),
        dataType: "html",
        success: function(msg){

            alert("Success!");

        }
    });

    return false;

});

CSRF 字段通常会被发送！

并且不要忘记在表单模板中添加 twig 标签 {{ form_rest(form) }} ，这将生成所有隐藏字段，如 CSRF。