Javascript 继续计数页码上的页码后的序列号

我使用php、ajax和jquery显示数据库中的数据结果。 我使用codeigniter 4寻呼机库进行分页。但当我点击分页的下一页序列号重置并从1-10开始时，我想要的只是当我点击下一页继续从11-20、21-30等计数序列号时。。。 请帮忙。多谢各位

//html表格

   <table>
          <thead>
                 <tr>
                     <th>No.</th>
                     <th>MyColumn</th>
                 </tr>
          </thead>
          <tbody class="result"></tbody>
   </table>

---

当您收到ajax响应时，您正在初始化

serialNumber

。在页面加载时执行此操作

 function show(){
    let ajax = $.ajax({
         url     : '/Controller/method',
         method  : 'post',
         dataType: 'json',
         cache   : false
  });
  
  ajax.done(function(data){
      let serialNumber = 1; // move this to page load
      $.each(data.result, function(k, v){
            html += `<tr>
                         <td>${serialNumber}</td>
                         <td>${v.myColums}</td>
                     </tr>`;
            serialNumber++;
      });
  });

  $('.result').html(html);
}

函数显示（）{
让ajax=$.ajax({
url:“/Controller/method”，
方法：“post”，
数据类型：“json”，
缓存：false
});
完成（函数（数据）{
让serialNumber=1；//将其移动到页面加载
$.each（数据、结果、函数（k、v）{
html+=`
${serialNumber}
${v.myColums}
`;
serialNumber++；
});
});
$（'.result'）.html（html）；
}

在函数外部声明一个变量

let serialNumber = 1;

function show(){
    let ajax = $.ajax({
        url     : '/Controller/getAll',
        method  : 'post',
        dataType: 'json',
        cache   : false
    });
    
    ajax.done(function(data){
        $.each(data.result, function(k, v){
            html += `<tr>
                         <td>${serialNumber}</td>
                         <td>${v.myColums}</td>
                     </tr>`;
            serialNumber++;
          });
    });
}

让serialNumber=1；
函数show（）{
让ajax=$.ajax({
url:“/Controller/getAll”，
方法：“post”，
数据类型：“json”，
缓存：false
});
完成（函数（数据）{
$.each（数据、结果、函数（k、v）{
html+=`
${serialNumber}
${v.myColums}
`;
serialNumber++；
});
});
}

---

另一个选项是从PHP返回页码，并计算序列的起点

每次单击“下一页”按钮时，都会发送一个ajax请求，因此在ajax.done方法中，serialNumber变量再次从1开始。但是如果你在函数作用域之外声明serialNumber变量，那么你的变量应该在每一步中递增，而不是再次从1重置自己。为什么你有一个js定义的“serialNumber”？这是什么意思？它有什么用？它是用来干什么的？看起来它应该是数据库中存储的东西，例如

${v.id}

不，我没有显示数据库中的id，我想要的只是序列号${v.id}将根据我的需要添加和其他列。非常感谢你！为什么你只回答了错误的一半？好吧，所以你不想要v.id，但是：为什么你有一个js定义的“serialNumber”？这是什么意思？它有什么用？它的用途是什么？SerialNumber和${v.id}是不同的，因为${v.id}表示数据库主键的数据id，但我不知道它在页面上显示什么。如果我需要，表ID列将在以后添加。仅此一项在第1页上是1-10，在第2页上是11-20，然后如果他们单击返回到第1页，它将不是1-10，在第1页上是21-30是的，我遇到了这个问题，我如何解决这个问题？

 function show(){
    let ajax = $.ajax({
         url     : '/Controller/method',
         method  : 'post',
         dataType: 'json',
         cache   : false
  });
  
  ajax.done(function(data){
      let serialNumber = 1; // move this to page load
      $.each(data.result, function(k, v){
            html += `<tr>
                         <td>${serialNumber}</td>
                         <td>${v.myColums}</td>
                     </tr>`;
            serialNumber++;
      });
  });

  $('.result').html(html);
}

let serialNumber = 1;

function show(){
    let ajax = $.ajax({
        url     : '/Controller/getAll',
        method  : 'post',
        dataType: 'json',
        cache   : false
    });
    
    ajax.done(function(data){
        $.each(data.result, function(k, v){
            html += `<tr>
                         <td>${serialNumber}</td>
                         <td>${v.myColums}</td>
                     </tr>`;
            serialNumber++;
          });
    });
}