javascript - 在三个不同的部分/div之间共享相同的ajax结果

Question

我的 ajax 调用返回 27 个结果，我需要将这些结果分成三个相等的部分，因此每个部分有 9 个结果，如下所示。

HTML:

<div id="content">

   <section>
   </section>

   <section>
   </section>

   <section>
   </section>

</div>

JS 看起来大致是这样的。目前，所有 27 个结果都已包含在每个部分中。如何为每个部分定义方法以仅获取其中的 9 个结果？

var query = "http://ajaxcallfromservice&maxResults=27";
$.ajax({
    url: query,
    async: true,
    dataType: "jsonp",
    success: function (result) {
        ajax.parseJSONP(result);
    }
});

var ajax = {
    parseJSONP : function(result) {
        $.each(result.items, function(i, row) {
                $('section').append('<h2'+ row.stuffWhatINeed +'</h2>');                    
        });
    }
}

如有任何建议，我们将不胜感激。

Answer 1

您需要附加到正确的部分。假设您想要第一部分中的前 9 个，等等...

var ajax = {
  parseJSONP : function(result) {

    var sections = $('section');
    var perSection = Math.ceil(result.items.length / sections.length);   // will be 9

    $.each(result.items, function(i, row) {
      var secNo = Math.floor(i / perSection);  // 0 for 0..8, 1 for 9..17, 2 for 18..26

      sections[secNo].append('<h2>'+ row.stuffWhatINeed +'</h2>');                    
    });
  }
}