How to use ajax with slim csrf

[arbims]

alway when sublit data en post in ajax i get this response requests Failed csrf token

[mrdus]

Hello,
I had the same problem.
I solved it :
You need to get the csrf_token values in js.
So i added id to my inputs :
#php

$namekey = $csrf->getTokenNameKey();
$valuekey = $csrf->getTokenValueKey();
$name = $request->getAttribute($namekey);
$value = $request->getAttribute($valuekey);

<input id="csrf_name" type="hidden" name="$namekey " value="$name">

<input id="csrf_value" type="hidden" name="$valuekey"  value="$value">

---

#javascript

var csrfName = document.getElementById('csrf_name').value;
var csrfValue = document.getElementById('csrf_value').value;

var csrfData = {"csrf_name" : csrfName,"csrf_value" : csrfValue}; 
$.ajax({
    url : "AJAX_POST_URL",
    type: "POST",
    data : csrfData,
    success: function(data, textStatus, jqXHR)
    {
        //data - response from server
    },
    error: function (jqXHR, textStatus, errorThrown)
    {
 
    }
});

[arbims]

thnx 👍 good work

[schnittstabil]

Please be aware of the CSFR tokens for multiple forms\post per page (Ajax) #59 issue.

[mridah]

Any idea how to use Persistant Tokens ??? I don't understand where and how to add a 6th parameter ?

[akrabat]

If you are using the example in the README:

$container['csrf'] = function ($c) {
    $csrf = new \Slim\Csrf\Guard();
    $csrf-> setPersistentTokenMode(true);
    return $csrf;
};