这是代码,它将做到这一点。
但首先,请确保您'django.middleware.csrf.CsrfViewMiddleware'
在MIDDLEWARE_CLASSES
settings.py 文件中。默认情况下它在那里,这将保护免受 csrf 攻击。
网址.py
urlpatterns = patterns('main.views',
# ...
url(r'^employee/(?P<pk>\d+)/delete/$', EmployeeDelete.as_view(), name='delete_employee'),
# ...
)
视图.py
from django.views.generic import DeleteView
from django.contrib.auth.decorators import login_required
from django.utils.decorators import method_decorator
from django.http import HttpResponse
from django.utils import simplejson as json
class EmployeeDelete(DeleteView):
model = Employees
template_name = "employees_confirm_delete.html"
success_url = "/"
# allow delete only logged in user by appling decorator
@method_decorator(login_required)
def dispatch(self, *args, **kwargs):
# maybe do some checks here for permissions ...
resp = super(EmployeeDelete, self).dispatch(*args, **kwargs)
if self.request.is_ajax():
response_data = {"result": "ok"}
return HttpResponse(json.dumps(response_data),
content_type="application/json")
else:
# POST request (not ajax) will do a redirect to success_url
return resp
一些模板,其中存在删除员工的链接(在此处查找 ajax csrf 保护)
{% for e in employees %}
<a class="delete" href="{% url 'delete_employee' e.id %}"> Delete employee {{e.id}}</a>
{% endfor %}
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<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;
}
$(document).ready(function() {
var csrftoken = getCookie('csrftoken');
function csrfSafeMethod(method) {
// these HTTP methods do not require CSRF protection
return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
}
$.ajaxSetup({
crossDomain: false, // obviates need for sameOrigin test
beforeSend: function(xhr, settings) {
if (!csrfSafeMethod(settings.type)) {
xhr.setRequestHeader("X-CSRFToken", csrftoken);
}
}
});
// This function must be customized
var onDelete = function(){
$.post(this.href, function(data) {
if (data.result == "ok"){
alert("data deleted successfully");
} else {
// handle error processed by server here
alert("smth goes wrong");
}
}).fail(function() {
// handle unexpected error here
alert("error");
});
return false;
}
$(".delete").click(onDelete);
});
</script>
您只需要自定义onDelete
js 函数的行为。