Question

我正在尝试使用AJAX将表单数据发送到应用程序。

Javascript部分：

function submit_changes() {
var all_data = [A_list, B_list,C_list]
$.ajax({
    type: "POST",
    url: "/my_url/",
    contentType: "application/json",
    //dataType: 'json',
    //data:JSON.stringify(all_data),
data:{
    csrfmiddlewaretoken: "{{ csrf_token }}",        
    form:JSON.stringify(all_data),
},

  success: function() {
        alert('Data captured successfully');
        //window.location.reload();
    },
    error: function(){
        alert('Error in data capture')
        //window.location.reload();
    }
});
}

urls.py有此

urlpatterns=[url(r'^my_url/$',views.my_url_fn)]

views.py

def my_url_fn(request):
    print "*** request is ***",request
    if request.method == 'POST':
        print "request is POST"
        return Response(json.dumps(submit_changes(request)))
    elif request.method == 'GET':
        print "request is GET"
        return Response(json.dumps(get_already_present_data()),mimetype='application/json')
    else:
        print "neither post nor get"

来自html代码的表单部分是：

<div align="center">
  <form name="myForm" onSubmit="return 0">{% csrf_token %}    
    <input type="text" id="blah1" placeholder="Blah1&hellip;">
        <!-- few more fields -->
  </form> 
</div>
<div align='center'>
  <input id="submit_changes" type="button" align="middle" value="Submit Changes" onclick="submit_changes();" />
</div>

我已经在html中加载了javascript。我收到403禁止错误，request.method正在打印GET。

我有两件事要问：

1）。为什么request.method在POST请求时获取？

2）。为什么即使在给出csrf令牌后我仍然会收到403禁止错误？

我搜索了很多并尝试了这些：在我的观点上方添加@csrf_exempt并将其导入为from django.views.decorators.csrf import csrf_exempt。没有得到改善。我还尝试从settings.py中的django.middleware.csrf.CsrfViewMiddleware列表中删除MIDDLEWARE。仍然没有进展！我在这里有另一个问题。这是否意味着settings.py中的更改未得到反映？任何帮助将不胜感激！

Answer 1

您需要在JavaScript中执行类似的操作才能正确设置csrf令牌。它不需要部分数据，而是需要标题

function csrfSafeMethod(method) {
    // these HTTP methods do not require CSRF protection
    return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
}
$.ajaxSetup({
    beforeSend: function(xhr, settings) {
        if (!csrfSafeMethod(settings.type) && !this.crossDomain) {
            xhr.setRequestHeader("X-CSRF-Token", CSRF_TOKEN);
        }
    }
});

在django中，您不需要执行csrf_exempt，因为如果需要，上面的代码会将CSRF令牌注入每个ajax请求。（有一个很好的理由为什么CSRF在那里，所以最好不要豁免它）

Answer 2

你可以试试这个

<script type="text/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');
    $(document).ready(function () {
        $.ajax({
            type: 'post',
            url: "{% url "url_to_view" %}",
            headers: {"X-CSRFToken": csrftoken},
            data: {id: "something to view"},
            success: function (response) {
                alert("success");
                });
            },
            failure: function (response) {
                alert(response.d);
            }
        });
    });
</script>

403 Forbidden和request.method在django中显示GET

2 个答案: