P244页实现删除课程，但确认框带网址

chen 21次查看

Tags: java, django, html

按文中代码无法实现删除功能，虽然改了views.py中的if selt.request.is_ajax()文句，但还是不能够删除，所以修改./templates/course/manage/manage_course_list.html代码如下才可实现删除功能，但目前我程序使用的是跟删除文章一样的自定义按钮。
```html
{% extends "article/base.html" %}
{% load static %}
{% block title %}课程管理{% endblock %}

{% block content %}
<div>
    <div class="text-right">
        <a href="{% url 'course:create_course' %}">
            <button type="button" class="btn btn-primary">创建课程</button>
        </a>
    </div>
    <table class="table table-hover" style="margin-top: 10px">
        <tr>
            <td>序号</td>
            <td>课程标题</td>
            <td>创建日期</td>
            <td>操作</td>
        </tr>
        {% for course in courses %}
        <tr id="course-{{ course.id }}">
            <td>{{ forloop.counter }}</td>
            <td>{{ course.title }}</td>
            <td>{{ course.created|date:"Y-m-d" }}</td>
            <td>
                <a class="edit-course" href="javascript:void(0);">
                    <span class="glyphicon glyphicon-pencil"></span>
                </a>
                <a class="delete-course" href="javascript:void(0);"
                    data-course-id="{{ course.id }}"
                    data-course-title="{{ course.title }}"
                    data-delete-url="{% url 'course:delete_course' pk=course.id %}">
                    <span class="glyphicon glyphicon-trash" style="margin-left: 20px;"></span>
                </a>
            </td>
        </tr>
        {% endfor %}
    </table>
</div>

$(document).ready(function() {
    var csrftoken = getCookie('csrftoken');
    
    $.ajaxSetup({
        beforeSend: function(xhr, settings) {
            if (!/^(GET|HEAD|OPTIONS|TRACE)$/i.test(settings.type)) {
                xhr.setRequestHeader("X-CSRFToken", csrftoken);
                xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
            }
        }
    });

$(".delete-course").click(function(e) {
        e.preventDefault();
        
        var $this = $(this);
        var courseTitle = $this.data('course-title');
        var deleteUrl = $this.data('delete-url');
        var $row = $this.closest('tr');
        
        if (confirm('确定要删除课程 "' + courseTitle + '" 吗？')) {
            $.post(deleteUrl, function(data) {
                if (data.result == "ok") {
                    $row.fadeOut(300, function() {
                        $(this).remove();
                        $('table tbody tr').each(function(index) {
                            $(this).find('td:first').text(index + 1);
                        });
                    });
                } else {
                    alert("删除失败");
                }
            }).fail(function() {
                alert("删除错误");
            });
        }
    });
});
</script>
{% endblock %}
```

网站已永久关闭评论和点赞功能

P244页实现删除课程，但确认框带网址

最受欢迎文章

最新文章

最多评论文章

推荐相似文章