Ajax代码运行前应该先加载jQuery

<script src="{% static 'js/jquery-3.6.0.min.js' %}"></script>
<script>
// 使用jQuery获取分类列表并绑定点击事件,用于自动更新【博客分类】阅读
$(document).ready(function() {
    $('#category-list').on('click', 'li', function () {
        let categoryId = $(this).data('id');

        // 使用 AJAX 获取过滤后的文章
        $.ajax({
            url: '/blog/get_posts/', // 替换为你的Django视图URL
            type: 'GET',
            data: {'category_id': categoryId},
            success: function (data) {
                let html = '';
                data.forEach(function (post){
                    html += '<div><h3>' + post.title + '</h3><p>' + post.published_date + '</p></div>'
				});
                if (!data.length) {
                    html = '<p>没有找到文章</p>';
				}
                $('#post-list').html(html); // 更新文章列表// 假设 'data' 包含模板渲染后的 HTML 内容
            },
            error: function (xhr, status, error) {
                console.error('AJAX请求失败：', error);
            }
        });
    });
});
</script>

否则会出现无法生效的情况，就是Ajax不起作用。