如果索引> 0:循环; else: 只执行一次(JSON 和 jQuery)

问题描述 投票:0回答:1

我一直在对我在这里找到的这个 jQuery 分页脚本进行一些自定义 使用 jQuery 对记录进行分页

我的分页工作得很好,并且它可以适当地处理不同的 JavaScript 响应。

不过我有一个问题。响应期望 JSON 具有索引/数组。

90% 的情况下,我的 JSON 中有多个条目,但有时我只返回一项。这会导致零条目。

这是我得到的代码

var pagedContent = {
    data: null
    ,holder: null
    ,currentIndex : 0
    ,init: function(data, holder) {
        jQuery("body").data(holder,data);
        this.holder=holder;
        this.show(0, holder); // show last
    }
    ,show: function(index, holder) {
        this.data=jQuery("body").data(holder);
        if(!this.data){
          return;
        }
        var j=2;
        if(this.data.length-index<=j){
          j=this.data.length-index-1;
        }
        var jsonObj = this.data[index];
        if(!jsonObj) {
          return;
        }
        var holdSubset="";
        for(i=0;i<=j;i++){
          jsonObj=this.data[index+i];
          this.currentIndex = index;
          if(this.holder=="id1"){
            var theResultVariables = jsonObj.whatever
            var resultInput='<div class="putstuff">'+theResultVariables+'</div>';
          }
          if(this.holder=="id2"){
            var theResultVariables = jsonObj.whatever
            var resultInput='<div class="putstuff2">'+theResultVariables+'</div>';
          }
          holdSubset= holdSubset+resultInput;
        }

        jQuery("body").html("<div id=\"counter\">"+parseFloat(index+1)+" to "+ parseFloat(index+j+1)+" of "+this.data.length+"</div>"+holdSubset+"<div class=\"prevNext\"></div>");

        if(index!=0){
          var previous = jQuery("<a >").attr("href","#").click(this.previousHandler).text("< previous").data("whichList",this.holder).data("thisIndex",index - 2-1);
          jQuery("body").append(previous);
        }

        if(index+i<this.data.length){
          var next = jQuery("<a class=\"next\">").attr("href","#").click(this.nextHandler).text("next >").data("whichList",this.holder).data("thisIndex",index + 2 +1);
          jQuery("body").append(next);
        }
    }
    ,nextHandler: function() {
        pagedContent.show(jQuery(this).data("thisIndex"), jQuery(this).data("whichList"));
        return false;
    }
    ,previousHandler: function() {
        pagedContent.show(jQuery(this).data("thisIndex"), jQuery(this).data("whichList"));
        return false
    }
};

我知道我可以添加另一张支票

var jsonObj = this.data[index];
if(!jsonObj){
  var jsonObj=this.data;
}
if(!jsonObj) {
  return;
}

然后再往下

jsonObj=this.data[index+i];
if(!jsonObj){
  jsonObj=this.data;
}

但我认为这可能不是最有效的方法。有什么想法吗?

jquery json pagination
1个回答
2
投票

既然您使用的是 jQuery,请查看 jQuery.makeArray。它接受一个数组或一个标量,并返回一个数组。如果您在前面的步骤中添加这样的调用:

this.data = jQuery.makeArray(this.data);

您不必担心它是标量还是数组。标量将转换为长度为 1 的数组。

© www.soinside.com 2019 - 2024. All rights reserved.