我需要使用JS确认而不是django的HTML确认。 Here我找到了问题的解决方案,但没有代码示例。请帮助并给我一些代码。 这是我的观点:
class EmployeeDelete(DeleteView):
model = Employees
template_name = "employees_confirm_delete.html"
success_url = "/"
这是模特:
class Employees(models.Model):
first_name = models.CharField(max_length=20)
last_name = models.CharField(max_length=20)
active = models.BooleanField()
description = models.TextField(max_length=100)
这是URL的一部分,删除对象:/employee/{{ object.id }}/delete
答案 0 :(得分:5)
这是代码,它将会这样做。
但首先,请确保您的settings.py文件中的'django.middleware.csrf.CsrfViewMiddleware'
中有MIDDLEWARE_CLASSES
。它默认存在,这将防止csrf攻击。
<强> urls.py 强>
urlpatterns = patterns('main.views',
# ...
url(r'^employee/(?P<pk>\d+)/delete/$', EmployeeDelete.as_view(), name='delete_employee'),
# ...
)
<强> views.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
某个模板,其中存在删除员工的链接(查看here以获取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函数的行为。