在codeigniter中设置CSRF保护TRUE后如何在ajax中提交表单？

Question

我正在使用 ajax 提交一个表单，并在 config.php 中启用 CSRF 保护。第一次，表单提交良好，但第二次显示错误“禁止。不允许您请求的操作。403”。如何通过将 CSRF 保护设置为 true 来使用 ajax 安全地提交表单。 下面是我正在使用的ajax函数。

$('#loginfrmbtn').on('click', function(){
  $(this).prop('disabled', true);
  var formdata=$('#loginfrm').serialize();
  $.ajax({
    type: 'POST',
    data: formdata,
    url: '<?php echo base_url('logincheck');?>',
    dataType: 'json',
    success: function(res){
      $('#loginfrmbtn').prop('disabled', false);
      console.log(res);
      
    }, error: function(jqXHR){
      console.log(jqXHR);
    }
  })
})

Answer 1

尝试使用 jQuery ajax 函数 (https://api.jquery.com/jquery.ajax/) 的 headers 选项在每个请求中发送 csrf 令牌，如下所示：

$.ajax({
    ...
    headers:{
        'X-CSRF-TOKEN': $( 'input[id="csrf_tsecurity"]' ).val(),
    },
    ...
});

还有下面的codeigniter配置：

public $CSRFTokenName  = 'csrf_tsecurity';
public $CSRFHeaderName = 'X-CSRF-TOKEN';
public $CSRFRegenerate = false;