如何使用 javascript 或 jquery 从客户端对长文章进行分页

Question

我正在尝试想出一种方法，使用 Jquery 或 Javascript 从客户端流畅地对文章进行分页，以便可以将长文章视为多个页面。

我需要它根据页面大小拆分内容，甚至将句子和div 分解为不同的页面（如果需要）。

我需要它能够处理iframe，图像，列表项，表格和视频

我

真的希望有人能尽快帮助我，因为我几个月来一直在努力解决这个问题。

如果有人需要更多澄清，请询问

谢谢

Answer 1

你需要使用 Ajax 来做到这一点。

一个非常简化的方法是：

HTML：

<div id="container"></div>
<button id="loadmore">Load More!</button>

jQuery/Ajax：

var i = 1;
$("#loadmore").click(function(){ // on load more button click
    $.ajax({
        url: "datagrab.php", // get data from backend
        method: "post",
        data: {section: i} // which section to grab data from (ie: 1 = the first 200 characters; 2 = from the 200th character to the 400th e.t.c...)
        success: function(data){
            $("#container").append(data); // append data to #container
            i++;
        }, 
        error: function(){
            alert("There was a problem!");
        }
    });
});

显然，这是一种非常基本的方法，但是，根据您给我的"信息"，这就是我真正可以提供的全部内容。

如果您想了解有关如何执行此操作的更多信息，请查看一些有关Ajax分页的YouTube视频。