使用jQuery将DOM注入DOM时实现分页

时间:2016-12-23 21:16:12

标签: javascript jquery html asp.net dom

我有一个函数可以像跟随一样发表jquery帖子:

   function PostAndUpdate(_username) {
            $.post("/SearchCompetitor/Index", { username: _username }, StartLoading())
                               .done(function (data) {
                                   if (data !== "UsernameError") {
                                       StopLoading();
                                       var brands = $('<table />').append(data).find('#tableProducts').html();
                                       $('#tableProducts').html(brands);

                                       var header = $('<div />').append(data).find('.bs-glyphicons').html();
                                       $('.bs-glyphicons').html(header);
                                       $('#tableProducts thead, #header').fadeIn("slow");
                                       $('#emptyText').hide();


                                   }
                                   else {
                                       StopLoading();
                                       ShowMessage("No eBay user was found under: " + $('.txtSearch').val());
                                   }
                               })
                               .fail(function (data) {
                                   StopLoading();
                                   ShowMessage("Something went wrong, please try again!");
                               });
        }

我试图在将所有数据注入浏览器的DOM之前想出如何实现分页的想法;

这是因为有时我会将2000-5000个项目注入DOM并将数据分成较小的块然后在页面中启用分页...

所以在将数据注入DOM之前:

   var brands = $('<table />').append(data).find('#tableProducts').html();
                                           $('#tableProducts').html(brands);

我想先以某种方式过滤掉tableProducts的前100个元素,注入它们,然后再启用分页本身......

他是否可以在不向服务器本身发送任何额外数据的情况下进行操作?

0 个答案:

没有答案