How to access the form key with a JavaScript inside the backend?

dmitrii_fediuk (Dmitrii Fediuk) January 26, 2016, 8:27am 1

Use the FORM_KEY JavaScript constant:

github.com

magento/magento2/blob/720667e/app/code/Magento/Backend/view/adminhtml/templates/page/js/require_js.phtml#L9-L9


var FORM_KEY = '<?php /* @escapeNotVerified */ echo $block->getFormKey() ?>';

The Magento_Backend::page/js/require_js.phtml template is included into each backend page:

github.com

magento/magento2/blob/720667e/app/code/Magento/Backend/view/adminhtml/layout/default.xml#L18-L18


<block name="require.js" class="Magento\Backend\Block\Page\RequireJs" template="Magento_Backend::page/js/require_js.phtml"/>

Usage examples from the core

github.com

magento/magento2/blob/720667e/app/code/Magento/Backend/view/adminhtml/templates/dashboard/index.phtml#L23-L24


new Ajax.Request(ajaxBlockUrl, {
    parameters: {isAjax: 'true', form_key: FORM_KEY},

github.com

magento/magento2/blob/720667e/app/code/Magento/Bundle/view/adminhtml/web/js/bundle-product.js#L152-L157


data: {
    index: optionIndex,
    products: productIds,
    selected_products: productIds,
    form_key: FORM_KEY
},

github.com

magento/magento2/blob/720667e/app/code/Magento/Catalog/view/adminhtml/templates/catalog/category/tree.phtml#L236-L238


var params = {
    form_key: FORM_KEY
};

Another way

You can also use the form_key cookie similar to to the frontend way:

How to access the form key with a JavaScript inside the frontend?

dmitrii_fediuk (Dmitrii Fediuk) January 26, 2016, 9:06am 2

See also:

How to access the form key with a JavaScript inside the frontend?