正在外部js文件中获取CSRF令牌 - Getting CSRF token in external js file

Getting CSRF token in external js file

本文关键字：获取 CSRF 令牌文件外部 js | 更新日期: 2023-10-06

所以我想在我的codeigniter应用程序中启用CSRF保护，但这意味着我的js在外部文件中时不再工作

function saveToDatabase(editableObj,field,id) 
{
var pathArray = window.location.pathname.split( '/' );
var segment_3 = pathArray[3];
var save_data = { 
                    '<?php echo $this->security->get_csrf_token_name(); ?>' : '<?php echo $this->security->get_csrf_hash(); ?>',
                    'field':field,
                    'editedValue':editableObj.innerHTML,
                    'id':id
                };
$.ajax({
    url: segment_3+'/update',
    type: 'POST',
    data:save_data,
    success: function(){
        $(editableObj).addClass('bg-success');
    }        
});
}

我通过将它复制粘贴到视图文件中进行了测试，它运行得非常好。所以问题是这条线

'<?php echo $this->security->get_csrf_token_name(); ?>' : '<?php echo $this->security->get_csrf_hash(); ?>',

无法在外部文件中工作？有什么办法让它发挥作用吗？

您可以将此值存储到隐藏输入或任何隐藏元素中，然后可以在外部js文件中访问它。。

<input type ='hidden' name='what_you_want' id='whatever_you_like' value='<?php echo $this->security->get_csrf_token_name(); ?>'>
<input type ='hidden' name='what_you_want1' id='whatever_you_like1' value='<?php echo $this->security->get_csrf_hash(); ?>'>

你可以在js中得到它，比如这个

var tmp = $('#whatever_you_like').val();
var tmp1 = $('#whatever_you_like1').val();
var save_data = { 
                    tmp: tmp1,
                    'field':field,
                    'editedValue':editableObj.innerHTML,
                    'id':id
                };

在头文件中定义JS常量，如

var CSRF_NAME = '<?php echo $this->security->get_csrf_token_name(); ?>'

var CSRF_TOKEN = '<?php echo $this->security->get_csrf_hash(); ?>'

那么只需在外部或内联JS中的任意位置调用CCD_ 3或CCD_。