1

django の HTML 確認の代わりに JS 確認を使用する必要があります。ここで問題の解決策を見つけましたが、コード例はありません。助けて、コードを教えてください。これが私の見解です：

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

4

1 に答える 1

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'),
    # ...
)

ビュー.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>

onDeletejs 関数の動作をカスタマイズするだけです。

于 2013-05-11T11:12:40.440 に答える