如何在Django中使用Ajax对列表视图进行排序？

<a href="#" onclick="sortList()">排序</a>

<script>
function sortList() {
  $.ajax({
    url: '/sort-list/',  // 后端视图函数的URL
    type: 'GET',
    success: function(response) {
      // 处理排序后的数据
      // ...
    }
  });
}
</script>

from django.shortcuts import render
from django.http import JsonResponse
from myapp.models import MyModel

def sort_list(request):
    # 解析排序参数
    sort_by = request.GET.get('sort_by', 'default')
    
    # 根据排序参数对数据进行排序
    if sort_by == 'name':
        sorted_data = MyModel.objects.order_by('name')
    elif sort_by == 'date':
        sorted_data = MyModel.objects.order_by('-date')
    else:
        sorted_data = MyModel.objects.all()
    
    # 渲染HTML片段并返回给前端
    html = render(request, 'myapp/sorted_list.html', {'data': sorted_data})
    return JsonResponse({'html': html.content.decode()})