Django Ajax获取CSRF token

方法一
1. 在script标签里设置方法

// using jQuery
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 = jQuery.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;
}
var csrftoken = getCookie('csrftoken');

2. 调用变量 csrftoken,这样每次发送请求都会带上csrf token

function sendsmsfunction(){
    $.ajaxSetup({
        beforeSend: function (xhr, settings){
            xhr.setRequestHeader('X-CSRFTOKEN', csrftoken)
        }
    })

    $("#send_sms").click(function (){
        $.ajax({
            url: '{% url "send_sms" %}',
            type: "POST",
            // headers: {
            //     'X-CSRFTOKEN': csrftoken
            // },
            data: {"mobile": "1888888888"},
            success:function (res){
                console.log(res)
            }
        })
        sendsmsformat();
    })
}




方法二:

1. 将生成csrf的方法放入模板文件夹

 

// using jQuery
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 = jQuery.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;
}
var csrftoken = getCookie('csrftoken');

function csrfSafeMethod(method){
    return (/^(GET|HEAD|OPTION|TRACE)$/.test(method));
}

$.ajaxSetup({
    beforeSend: function (xhr, settings){
        if(!csrfSafeMethod(settings.type)){
            xhr.setRequestHeader('X-CSRFTOKEN', csrftoken)
        }
    }
})

2. 将生成csrf模板js (csrf.js)，放入视图函数html

 这样每次ajax访问会自动携带csrf