Javascript 使用tablesorter进行服务器端分页-如何刷新？

我已经成功地添加了一个带有table sorter的服务器端分页。我只是想知道如何刷新它？我想创建一个按钮来调用刷新函数。有人知道有没有什么方法可以做到这一点吗？我不想为它重新加载页面

更新：

ajaxProcessing: function(data){

                        if (data && data.hasOwnProperty('rows')) {

                          var r, row, c, d = data.rows,
                          total = data.total_rows,
                          headers = data.headers,
                          rows = [],
                          len = d.length;

                          for ( r=0; r < len; r++ ) {

                                row = []; // new row array
                                // cells

                               for (c in d[r]) {

                                     if (typeof(c) === "string") {

                                         row.push(d[r][c]); //add each table cell data to row array
                                     }
                                }


                            rows.push(row); // add new row array to rows array
                          }


                          var items="";
                          $("#tabelaTickets tr:has(td)").remove();

                          if (rows!==null && rows.length!== 0) {

                              $.each(rows,function(index,item) {


                                            $("#tabelaTickets").append('<tr class="danger"><td align="center" style="width: 70px"><a type="button" class="btn btn-primary btn-xs"  data-placement="right" title="Visualizar ticket" data-toggle="modal" class="btn btn-primary" href="visualizar.php?ticket='+item[3]+'"> #' + item[3] + '</a></td><td><div style="text-overflow:ellipsis;overflow:hidden;width:250px">' + item[4] + '</div></td><td><div style="text-overflow:ellipsis;overflow:hidden;width:350px;">' + item[5] + '</div></td><td><div style="text-overflow:ellipsis;overflow:hidden;width:250px;">' + item[6] + '</div></td><td><div style="text-overflow:ellipsis;overflow:hidden;width:60px;">' + item[7] + '</div></td><td><div style="text-overflow:ellipsis;overflow:hidden;width:70px;">' + item[8] + '</div></td></tr>');


                            });

                        }else{
                            $("#tabelaTickets").append('<tr><td colspan = "6" align="center">SEM RESULTADO A SER EXIBIDO</td></tr>');
                        }

                        $("#tabelaTickets").trigger("update");
                        $("#tabelaTickets").trigger("appendCache");

                        $("#pleaseWaitDialog").modal('hide'); 

                          // in version 2.10, you can optionally return $(rows) a set of table rows within a jQuery object
                          return [ total];
                        }
                      },

ajaxProcessing:函数（数据）{
if（data&&data.hasOwnProperty（'rows'））{
var r，row，c，d=data.rows，
总计=data.total\u行，
headers=data.headers，
行=[]，
len=d.长度；
对于（r=0；r

谢谢你，从现在起，

---

Erik

您的repsonse是JSON，只需一点AJAX功能即可轻松实现

您的HTML示例如下所示：

<div class="wrapper">
    <div class="item">
        <span>item 01</span>
    </div>
    <div class="item">
        <span>item 02</span>
    </div>
    <div class="item">
        <span>item 03 </span>
   </div>
</div>
<button class="btn refresh-btn" type="submit"></button>

  $('.refresh-btn').on('click', function() {
     var url = 'yourUrl/?param=refresh&example=true';
      var $wrapper = $('.wrapper'); // a div that wrap your new HTML.

      $.get(url, {}) //call AJAX GET new item.
           .done(function(data) {
             $wrapper.html(''); // clear old list;
             var $template = $('<div/>', {class : 'item'} ); // create item's HTML.

             data.arrayItemList.forEach(function(item) {
                var itemTemplate = $template.clone();
                itemTemplate.append($('<span/>').text(item.content));
                $wrapper.append(itemTemplate); // add new item in list.
             });

           });
   })

使用AJAX的HTML呈现函数如下所示：

<div class="wrapper">
    <div class="item">
        <span>item 01</span>
    </div>
    <div class="item">
        <span>item 02</span>
    </div>
    <div class="item">
        <span>item 03 </span>
   </div>
</div>
<button class="btn refresh-btn" type="submit"></button>

  $('.refresh-btn').on('click', function() {
     var url = 'yourUrl/?param=refresh&example=true';
      var $wrapper = $('.wrapper'); // a div that wrap your new HTML.

      $.get(url, {}) //call AJAX GET new item.
           .done(function(data) {
             $wrapper.html(''); // clear old list;
             var $template = $('<div/>', {class : 'item'} ); // create item's HTML.

             data.arrayItemList.forEach(function(item) {
                var itemTemplate = $template.clone();
                itemTemplate.append($('<span/>').text(item.content));
                $wrapper.append(itemTemplate); // add new item in list.
             });

           });
   })

$（'.refresh btn'）。在（'click'，function（）上{
var url='yourUrl/？param=refresh&example=true'；
var$wrapper=$（'.wrapper'）；//包装新HTML的div。
$.get（url，{}）//调用AJAX获取新项。
.完成（功能（数据）{
$wrapper.html（“”）；//清除旧列表；
var$template=$（''，{class:'item'}）；//创建项的HTML。
data.arrayItemList.forEach（函数（项）{
var itemTemplate=$template.clone（）；
itemTemplate.append（$（''）.text（item.content））；
$wrapper.append（itemTemplate）；//在列表中添加新项。
});
});
})

这意味着：你创建了新的HTML，并用你的数据填充它，一切正常。 有时，我会在视图中的某个位置创建一个空模板并克隆它

    <div class="sample-template">
        <div class="item">
            <span> </span>
        </div>
   </div>

---

当我需要它时，我调用jQuery

var$template=$（'.sample template'）.clone（）

然后用

$template.find（'span'）.text（item.content）

填充数据

你的反应数据是什么？HTML模板还是JSON数据？嗨，我的回复是JSON。你检查过了吗？

示例模板

类应该使用css和

{visible:hidden；}