CodeIgniter CSRF Protection With Ajax

Hi! CI Forum Members,

I am developing an application using CI. Most of My forms use Ajax to push data to the server. I am currently working on adding CSRF protection to all my forms.

I read this note from the documentation in CSRF section that:

Tokens may be either regenerated on every submission (default) or kept the same throughout the life of the CSRF cookie. The default regeneration of tokens provides stricter security,

and so, I choose to regenerate csrf_token.

Using Ajax, the page is not refreshed and thus resulting into the page having invalid token for further submissions which will always fail. 

I have decided to follow the advice from one of the website/blog to read csrf_token from the cookie using javascript cookie library, and pass it  along with every post request.

Here is code snippet:

PHP Code:

$("#selector").click(function () {
    e.preventDefault();
    var form_data = {
        cat_name: $('#something').val(),
        csrf_token_name: $.cookie("csrf_cookie_name")
    };

    $.ajax({
        type: "POST",
        url: SITE_URL + "controller",
        data: form_data,
        success: function(data) {
            alert('it worked');
        }
    });
}); 


 
Is this implementation safe to use for csrf protection? What are the risks if any?

Any help or recommendation is appreciated!