JQuery 与 DJango REST API 对话.需要返回响应的页数

Question

我是Django REST框架的新手。我有一个具有列表页面的应用程序。当页面加载时，JQuery 应该与 API 通信，当收到响应时，它应该显示一个可用的艺人列表，我需要分页。 我有分页工作，但目前有硬编码的页面链接数量。我需要 API 响应中返回的记录总数或页数，以便我可以在模板中动态构建链接 我已经尝试了几种方法，但没有成功 首先通过从我的views.py传递响应，该响应使用基于类的视图

if self.request.GET['page'] is not None:
if self.request.GET['page'] != 'all':
page = self.request.GET['page']
recordsPerPage = 8
paginator = Paginator(entertainers, recordsPerPage)
total_records = paginator.count
num_pages = paginator.num_pages
entertainers = paginator.page(int(page))
return Response({
'count': paginator.count,
'num_pages': paginator.num_pages,
'results': serialized_data
})

这产生了"内部服务器错误">

我尝试这样做的另一种方法是在我的serializers.py文件中添加自定义字段，但它也给出了内部服务器错误

class EntertainerSerializer(serializers.ModelSerializer):
my_field = serializers.SerializerMethodField('record_count')
def record_count(self, foo):
return foo.name == "10"
class Meta:
model = Entertainer
fields = (...,'my_field')

我的 JQuery 是

var populateTemplate = function(){
$('#REST-data').html('');
var restDataDiv = $('#REST-data');
for(i=0;i<apiResponseArr.length;i++){
var card = $('<div class="col-lg-3 col-md-6 col-xs-12 margin-top-1"><a href="/entertainers/profile/'+apiResponseArr[i].id+'"><div class="card h-100"><img class="card-img-top" src="'+apiResponseArr[i].profile_image_url+'" class="img-fluid center-block img-thumbnail" style="max-height:150px;" alt="'+apiResponseArr[i].profile_image_url+'" /><div class="card-body"><h4 class="card-title">'+apiResponseArr[i].title+'</h4><p class="card-text">'+apiResponseArr[i].bio_summary+'</p></div></div></a></div>');
restDataDiv.append(card);
}
};
var requestForJsonData = function(description,location,callingFunction, page){
var host = window.location.hostname;
// IF RUNNING ON LOCALHOST
var entertainerAPI = 'http://' + host + ':8000/entertainers/api/listings/?';
$.getJSON(entertainerAPI,{description: description,location: location, page: page}, function(){
console.log('success');
}).done(function( json ) {
apiResponseArr = json;
// Check which function called the requestForJsonDat function
if('refineSearch' == callingFunction || 'initLoad' == callingFunction){
//  Call to populate the templates with the JSON data
populateTemplate();
}
}).fail(function(jqxhr, textStatus, error){
var err = textStatus + ", " + error;
console.log( "Request Failed: " + err );
});
};
var refineSearch = function(menus){
var description = 'all';
var location = 'all';
var page = 'all'
/*  Build click event for the refine button */
$('#refine-button').click(function(){
description = $('#description-select').val();
location = $('#location-select').val();
requestForJsonData(description,location,'refineSearch',page);
});
$('.listing-pager').click(function(){
var page = $(this).text();
description = $('#description-select').val();
location = $('#location-select').val();
requestForJsonData(description,location,'refineSearch',page);
});
};

模板中的每个页面链接都有一个"列表页面管理器"类

<a href="#" class="listing-pager">1</a>
<a href="#" class="listing-pager">2</a>

有什么想法吗？

Answer 1

在 settings.py 中添加以下代码

REST_FRAMEWORK = {
'DEFAULT_PAGINATION_CLASS':'rest_framework.pagination.LimitOffsetPagination',
'PAGE_SIZE': 100
}

使用通用列表APIView 参见下面的示例

from rest_framework.generics import ListAPIView
class PaginatedListView(ListAPIView):
queryset = ExampleModel.objects.all()
serializer_class = ExampleModelSerializer
paginate_by = 50

参考资料：
http://www.django-rest-framework.org/api-guide/pagination/
http://djangorestframework.readthedocs.io/en/latest/api-guide/pagination/