javascript - 如何在 javaScript 中获取 CSRF token 值

Question

我有这样的要求，当我发送请求时，CSRF-token 应该一起发送。我探索了一些 SO 问题，但找不到解决方案。

我已经编写了如下代码来在发送请求时添加 token ，

 var send = XMLHttpRequest.prototype.send,
        token = $('meta[name=csrf-token]').attr('content');
    XMLHttpRequest.prototype.send = function(data) {
        this.setRequestHeader('X-CSRF-Token', "xyz12345");
        //this.setRequestHeader('X-CSRF-Token',getCSRFTokenValue());
        return send.apply(this, arguments);
    }

这工作正常，但现在我需要在函数中添加 CSRF-Token 来代替 xyz12345。

我尝试了如下的 ajax 函数。 `

$.ajax({
            type: "POST",
            url: "/test/"
            //data: { CSRF: getCSRFTokenValue()}
        }).done(function (data) {
        var csrfToken = jqXHR.getResponseHeader('X-CSRF-TOKEN');
        if (csrfToken) {
            var cookie = JSON.parse($.cookie('helloween'));
            cookie.csrf = csrfToken;
            $.cookie('helloween', JSON.stringify(cookie));
        }

        $('#helloweenMessage').html(data.message);

    });

但它还没有工作。 所以我的问题是: 如何获取js端的CSRF-Token值？

Answer 1

你需要在新的 Laravel 中执行此操作

var csrf = document.querySelector('meta[name="csrf-token"]').content;
    $.ajax({
        url: 'url',
        type: "POST",
        data: { 'value': value, '_token': csrf },
        success: function (response) {
            console.log('value set');
        }
    });