Symfony 3，"ajax请求"与读取API和CSRF

Question

在twig中，我生成一个csrf令牌（{{csrf\u令牌（'my\u intention'）}}）。

在Javascript中，我使用ajax调用控制器，实际上是使用fetchapi（也尝试了ajaxxmlhttprequest）、POST请求。包含请求中传递的令牌的参数名称为“token=abcdef…”。

阿贾克斯：

    var httpRequest = new XMLHttpRequest();
    httpRequest.onreadystatechange = function (data) {
        console.log(data);
    };

    httpRequest.open('POST', el.getAttribute("data-url"));
    httpRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    httpRequest.send(.......);

获取API:

        fetch(el.getAttribute('data-url'), {
            method: 'post',
            headers: {
                "Content-type": "application/x-www-form-urlencoded; charset=UTF-8"
            },
            body: 'token=' + encodeURIComponent(el.getAttribute('data-token'))
        }).then(data => data.text()).then(data => {...}

在名为的控制器操作中，我从POST请求中获取作为数据发送的令牌。我在控制器中检查令牌，如下所示：

    $token = $request->request->get('token');
    if (!$this->isCsrfTokenValid('my_intention', $token)) {
        throw new InvalidCsrfTokenException("error csrf 2");
    }

但是Symfony说令牌无效。

我不确定，但我认为令牌在会话变量中找不到。在isTokenValid（）$this-

在浏览器中，如果我直接调用网址，就可以了。

在twig中，我设置url以调用如下数据属性dataURL=“{{path（''u check'，{'id'：transaction.id}}}}”，然后我从javascript读取此数据属性并将其传递给ajax/fetch函数。

我用jQuery$尝试了ajax。post（…有效。唯一的区别是请求头中的Cookie:PHPSESSID…与原始代码中的jQuery不同。

我不明白，我的代码怎么了？

Symfony 3.1。3.

编辑：解决：我没有在标题请求中传递凭据，因此，Symfony无法找到会话并检查令牌：

    fetch(el.getAttribute('data-url'), {
        method: 'post',
        headers: {
            "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8",
            "X-Requested-With": "XMLHttpRequest"
        },
        body: 'token=' + el.getAttribute('data-token'),
        credentials: 'include'
    }).then(data => data.text()).then(data => {




Answer 1

即使你找到了问题的答案，我建议你看看这个包，它处理基于服务器端定义的Cookie的令牌验证，你应该传递每个异步请求。

https://github.com/dunglas/DunglasAngularCsrfBundle