2012年12月27日 星期四

解決 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'));
    }
});