解決 jquery AJAX POST in django 遭遇 csrf 的問題

 

Quick Note：

django 在 1.4 之後，會預設所有的 POST 都會進行 CSRF 的檢查，所以 AJAX 若需 POST，便會出現異常，只要在使用這個 jQuery 語法的地方，加上以下 javascript 的程式碼即可。

if (!$)

    var $ = django.jQuery;

$('html').ajaxSend(function(event, xhr, settings) {

    function getCookie(name) {

        var cookieValue = null;

        if (document.cookie && document.cookie != '') {

            var cookies = document.cookie.split(';');

            for (var i = 0; i < cookies.length; i++) {

                var cookie = $.trim(cookies[i]);

                // Does this cookie string begin with the name we want?

                if (cookie.substring(0, name.length + 1) == (name + '=')) {

                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));

                    break;

                }

            }

        }

        return cookieValue;

    }

    if (!(/^http:.*/.test(settings.url) || /^https:.*/.test(settings.url))) {

        // Only send the token to relative URLs i.e. locally.

        xhr.setRequestHeader("X-CSRFToken", getCookie('csrftoken'));

    }

});