Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript分页来自google sheet的JSON数据_Javascript - Fatal编程技术网

Javascript分页来自google sheet的JSON数据

Javascript分页来自google sheet的JSON数据,javascript,Javascript,在这里,我从google表单中获取一些JSON数据,正如您所知,我还希望使用分页将这些数据排序到每页仅包含三条记录的页面上,并使用prev/next函数进行动态更新,而无需重新加载页面 目前,我一直在尝试将JSON数据连接到分页函数,以确定数据长度并对多个页面中的记录进行排序 在使用next/prev在页面之间导航时,如何使JSON数据在多个页面中自行排序? var url=”https://spreadsheets.google.com/feeds/list/1xo6dUfcVOwPA5Lk

在这里,我从google表单中获取一些JSON数据,正如您所知,我还希望使用分页将这些数据排序到每页仅包含三条记录的页面上,并使用prev/next函数进行动态更新,而无需重新加载页面

目前,我一直在尝试将JSON数据连接到分页函数,以确定数据长度并对多个页面中的记录进行排序

在使用next/prev在页面之间导航时,如何使JSON数据在多个页面中自行排序?

var url=”https://spreadsheets.google.com/feeds/list/1xo6dUfcVOwPA5Lkd8pKevLj6lP-0gOaPXNBZk4jyuGw/od6/public/values?alt\u003djson”;
每页var=3;
var currentPage=1;
$.getJSON(url、函数(数据){
var输出=”;
变量长度=data.length;
$.each(data.feed.entry,函数(索引,值){
输出+=“类别:”+value.gsx$largeimage.$t+“
”+ “名称:“+value.gsx$imagetitle.$t+”

”; }); $(“.test”).append(输出); }); 函数prevPage() { 如果(当前页面>1){ 当前页--; 更改页面(当前页面); } } 函数下一页() { 如果(当前页面

页面:
  • 您希望每
    一页
    翻开从电子表格检索的数据页
如果我的理解是正确的,这次修改怎么样?我认为有几种方法可以解决你的情况。所以,请把这看作是其中之一

此修改脚本的流程如下所示

  • 从电子表格中检索所有数据。此时,将显示第1页
  • 单击“下一步”或“上一步”时,清除
    的内容
  • 使用从电子表格和
    currentPage
    检索到的数据放入下一页
  • 修改脚本:
    var url=”https://spreadsheets.google.com/feeds/list/1xo6dUfcVOwPA5Lkd8pKevLj6lP-0gOaPXNBZk4jyuGw/od6/public/values?alt\u003djson”;
    每页var=3;
    var currentPage=1;
    var值=[];//补充
    //修改
    $.getJSON(url、函数(数据){
    var输出=”;
    $.each(data.feed.entry,函数(索引,值){
    push({Category:value.gsx$largeimage.$t,Name:value.gsx$imagetitle.$t});
    如果(索引<每页){
    输出+=“类别:”+value.gsx$largeimage.$t+“
    ”+ “名称:“+value.gsx$imagetitle.$t+”

    ”; } }); $(“.test”).append(输出); }); 函数prevPage(){ 如果(当前页面>1){ 当前页--; changePage(); } } 函数下一页(){ 如果(当前页面{ 返回s+=“类别:+e.类别+”
    “+ “名称:“+e.名称+”

    ”; }, ""); $(“.test”).append(输出); } //修改 函数numPages(){ 返回Math.ceil(values.length/每页); }
    
    
    page:
    您可以使用Google Sheet API,我认为这里是一个使用范围的示例,也许通过这种方式您可以轻松地将分页逻辑应用于请求。您可以基于spreadsheetId和其他一些初始信息在该链接上试用API。