Javascript 如何对json响应数据进行分页
我目前正在开发一个应用程序,我将调用一个url并获得JSON响应。我正在使用handlebar.js创建一个列表li并最终将其附加到ul。由于json响应是巨大的,所以需要以分页格式显示数据。你们能指导我如何以分页格式显示li吗Javascript 如何对json响应数据进行分页,javascript,jquery,json,html,handlebars.js,Javascript,Jquery,Json,Html,Handlebars.js,我目前正在开发一个应用程序,我将调用一个url并获得JSON响应。我正在使用handlebar.js创建一个列表li并最终将其附加到ul。由于json响应是巨大的,所以需要以分页格式显示数据。你们能指导我如何以分页格式显示li吗 分页json数据 {{{#每个这个} {{title} {{/每个}} $(文档).ready(函数(){ $.ajax({ 方法:“获取”, url:“http://starlord.hackerearth.com/cognizantinternal/hack
分页json数据
{{{#每个这个}
{{title}
{{/每个}}
$(文档).ready(函数(){
$.ajax({
方法:“获取”,
url:“http://starlord.hackerearth.com/cognizantinternal/hackernews",
成功:功能(数据){
//从响应数组中删除第一个元素
data.shift();
var template=handlebar.compile($(“#列表组项目模板”).html();
var列表=模板(数据);
$('.list group')。追加(list);
}
});
});
在这种情况下,最好在服务器端进行分页。否则,您可以将json存储在本地存储中并执行分页。清除本地存储此请求完成后IMO,您应该对发送到服务器的请求进行分页(例如,在发送AJAX请求时提供n
个数的限制,通常作为查询参数)
然后,提供一个
Load More
按钮,向服务器发送另一个请求,或者最好在用户向下滚动到页面底部时再次获取数据。如果响应很大,那么在客户端分页不会加快任何速度-您需要在服务器上分页