0

やあ

シンプルで適切なソリューション幅のjqueryについて質問があります。次のようにSQLからajaxテーブルを追加する方法

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

「スクロールダウン」イベント (ajax でリロードされたテーブルの後の幅) 幅は検索フォームですか? creat table tbl1(id int auto_increment,name varchar(200));最初に、何百ものレコードを持つmysql テーブルがあります。そこから、たとえば 10 レコードが自動的に追加されます。

Html コードは次のようになります。

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

ありがとうございました

4

3 に答える 3

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 が含まれます。

于 2013-01-24T09:36:13.490 に答える
0

お探しのプラグインはこちらです。

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

上記の例を見てください。

于 2013-01-24T10:13:13.337 に答える
0

ウェイン・ウィッティの答えは行くべき道ですが、私はそれに追加したいと思います:

リンク先のページを高速でスクロールすると、読み込み中の画像が複数回表示されることがわかります。これは、新しいコンテンツが読み込まれる前に、ユーザーが再びページの下部に到達したために発生しています。

loadNextCompanies() (または同等のもの) を再度呼び出す前に、サーバーからの応答を既に待機しているかどうかを確認することで、これをより効率的にすることができます。

更新： あなたはプラグインを求めました-私はこれを達成するためにプラグインを使用したことがないため、推奨することはできませんが、これは遅延読み込みと呼ばれ、クイック検索でこのプラグインが表示されることを伝えることができます：https:// code.google.com/p/jquerylazyscrollloading/

于 2013-01-24T10:12:39.873 に答える