12

django 1.4を使用すると、JavaScriptから投稿しようとすると403エラーが発生し、djangoサーバーを実行します。問題は投稿だけにありますが、私のgetは正常に機能します。運が悪かった@csrf_exemptも試しました

更新:追加{% csrf_token %}したので投稿できますが、投稿の応答は空になりますが、GETは正しく表示されますが、何かアイデアはありますか?

私のdjangoビュー:

@csrf_protect
def edit_city(request,username):
    conditions = dict()

    #if request.is_ajax():
    if request.method == 'GET':
        conditions = request.method

    elif request.method == 'POST':
        print "TIPO" , request.GET.get('type','')       
        #based on http://stackoverflow.com/a/3634778/977622     
        for filter_key, form_key in (('type',  'type'), ('city', 'city'), ('pois', 'pois'), ('poisdelete', 'poisdelete'), ('kmz', 'kmz'), ('kmzdelete', 'kmzdelete'), ('limits', 'limits'), ('limitsdelete', 'limitsdelete'), ('area_name', 'area_name'), ('action', 'action')):
            value = request.GET.get(form_key, None)
            if value:
                conditions[filter_key] = value
                print filter_key , conditions[filter_key]

        #Test.objects.filter(**conditions)
    city_json = json.dumps(conditions)

    return HttpResponse(city_json, mimetype='application/json')

これが私のJavaScriptコードです:

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) {
    // these HTTP methods do not require CSRF protection
    return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
}
function sameOrigin(url) {
    // test that a given url is a same-origin URL
    // url could be relative or scheme relative or absolute
    var host = document.location.host; // host + port
    var protocol = document.location.protocol;
    var sr_origin = '//' + host;
    var origin = protocol + sr_origin;
    // Allow absolute or scheme relative URLs to same origin
    return (url == origin || url.slice(0, origin.length + 1) == origin + '/') ||
        (url == sr_origin || url.slice(0, sr_origin.length + 1) == sr_origin + '/') ||
        // or any other URL that isn't scheme relative or absolute i.e relative.
        !(/^(\/\/|http:|https:).*/.test(url));
}
$.ajaxSetup({
beforeSend: function(xhr, settings) {
    if (!(/^http:.*/.test(settings.url) || /^https:.*/.test(settings.url))) {
        // Only send the token to relative URLs i.e. locally.
        xhr.setRequestHeader("X-CSRFToken",
                             $('input[name="csrfmiddlewaretoken"]').val());
    }
}
});

$.post(url,{ type : type , city: cityStr, pois: poisStr, poisdelete: poisDeleteStr, kmz: kmzStr,kmzdelete : kmzDeleteStr,limits : limitsStr, area_nameStr : area_nameStr , limitsdelete : limitsDeleteStr},function(data,status){
                    alert("Data: " + data + "\nStatus: " + status);
                    console.log("newdata" + data.area_name)
                });

私も運が悪かったサイトから試しました:

$.ajaxSetup({
    beforeSend: function(xhr, settings) {
        if (!csrfSafeMethod(settings.type) && sameOrigin(settings.url)) {
            // Send the token to same-origin, relative URLs only.
            // Send the token only if the method warrants CSRF protection
            // Using the CSRFToken value acquired earlier
            xhr.setRequestHeader("X-CSRFToken", csrftoken);
        }
    }
});

私は何が欠けていますか?

4

3 に答える 3

26

実際にこれをデータとともに渡すことができます{csrfmiddlewaretoken:'{{csrf_token}}' }、常に機能します

于 2013-02-06T18:13:57.237 に答える
6

<form></form>私の場合、要素を持ちたくないテンプレートがあります。それでも、jQuery を使用して AJAX POST リクエストを作成したいと考えています。

django ドキュメント ( https://docs.djangoproject.com/en/1.5/ref/contrib/csrf/ ) に従っても、CSRF Coo​​kie が null であるため、403 エラーが発生しました。ensure_csrf_cookie解決策は同じページにあり、デコレータについて言及しています。

これを my の先頭に追加すると、CSRF cookie が設定されましたviews.py

from django.views.decorators.csrf import ensure_csrf_cookie
@ensure_csrf_cookie

また、この場合、マークアップ/テンプレートに DOM 要素は必要ないことに注意してください。{% csrf_token %}

于 2013-07-10T01:48:43.893 に答える
4

{% csrf_token %}テンプレートのフォーム内のどこかに追加することで機能しました

于 2012-10-24T12:30:58.263 に答える