Question

H_i

我有一个关于可能的简单和良好的工作解决方案宽度jquery的问题。如何从sql追加ajax表，如

https://www.inforegister.ee/BACEXSQ-ARGOS-KRACHT

使用'向下滚动'事件（ajax重新加载表后的宽度）宽度查找表单？首先，我有一个拥有数百条记录的mysql表creat table tbl1(id int auto_increment,name varchar(200));。从它自动追加10条记录。

Html代码看起来像：

<form>
<input type="text" id="find" >
<input type="buttom" id="findb" >
</form>
<table></table>

谢谢

Answer 1

如果查看源代码，您会看到他们正在使用滚动事件：

jQuery(window).scroll(function(){
    if(jQuery("#nextCompaniesCount").val() > 0) {
        if (jQuery(window).scrollTop() == jQuery(document).height() - jQuery(window).height()){
            loadNextCompanies();
        }
    }
});

查看源代码，您还将看到loadNextCompanies（）函数，该函数执行AJAX请求，然后将任何HTML添加到正文中。

如果您想要在表格的末尾添加新项目，可以使用以下内容：

$('#id_of_table > tbody > tr:last').after(newRow);

newRow将包含您要添加的tr html。

Answer 2

Wayne Whitty的答案是要走的路，但我想补充一点：

如果您在链接到的页面上快速滚动，您将看到加载图像多次出现。之所以发生这种情况，是因为在加载新内容之前，用户已再次到达页面底部。

通过在再次调用loadNextCompanies（）（或等效的）之前检查是否已经在等待服务器的响应，可以提高效率。

<强>更新你问了一个插件 - 虽然我从来没有用过任何插件来实现这个，所以我不能提出任何建议，我可以告诉你这个叫做Lazy Loading并且快速搜索出现了这个插件：https://code.google.com/p/jquerylazyscrollloading/ < / p>

Answer 3

嘿，这是你要找的插件。

http://masonry.desandro.com/demos/infinite-scroll.html

看看上面的例子。

向下滚动表格行

3 个答案: