以下是我的Ajax POST请求
这是在模板上
<script type="text/javascript">
function submit_vote(){
callback = function(data){
alert(data.message);
};
$.post("{{request.get_full_path}}vote",{
"rating" : $('#{{hash_id}}').raty('score')
}, callback, "json");
}
</script>
<div class="rating" id="{{hash_id}}" onclick="submit_vote()"></div>
在视图上,这是
这是呈现Ajax脚本存在的模板的视图
@csrf_protect
def show_rating(request, **kwargs):
....
....
return render_to_response("rating.html",
context,
context_instance = RequestContext(request))
这是采取POST请求的视图
@login_required
@csrf_protect
def submit_vote(request, **kwargs):
if not request.method == "POST":
raise Http404
...
...
data = {"error" : False, "message" : "Thanks"}
data = simplejson.dumps(data)
return HttpResponse(data, mimetype="application/javascript")
尝试上面的代码后,我收到403 Forbidden Error ..通过使用django文档,我在现有代码中添加了另一个脚本(在顶部)
<script type="text/javascript">
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 (!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);
}
}
});
</script>
现在我要
了Uncaught ReferenceError: csrftoken is not defined
误差..
如何解决?实际上,我不知道Ajax和Jquery和JS ..只是试图在网络上的教程中构建一个简单的请求!
答案 0 :(得分:1)
您只需在帖子请求中发送csrfmiddlewaretoken
即可修复。
$.post("{{request.get_full_path}}vote",{
"rating" : $('#{{hash_id}}').raty('score'),
"csrfmiddlewaretoken": {{csrf_token}},
}, callback, "json");
您不需要任何其他脚本。