非同期読み込み技術でウォーターフォールフロー効果を実現、非同期読み込み技術 Waterfall_PHP チュートリアル

非同期読み込み技術はウォーターフォール効果を実現し、非同期読み込み技術はウォーターフォール

非同期読み込み技術はウォーターフォール効果を実現します。スクロール バーが一番下に達すると、イベントが $.get() イベントに書き込まれ、プログラムは内部プログラム ページに渡され、関連する製品リストが返されます。プログラムが現在のクラスに製品がない場合にクエリを実行すると、空が返されます。

スクロールバーイベントを有効にするには、window.onscroll に記述する必要があります。以下の通り:

①データを2つに分割し、残りの部分をJSONに配置します。データが小さい場合はjsコードに配置できます。
② 4列レイアウトを実装し、ページ上の初期データ表示として複数のULを作成します。
③ トリガー関数は、最後の li とブラウザ ウィンドウの間の距離を判断して、JSON のデータをトラバースして ul の形式でページに追加します。

率直に言うと、これはリフレッシュレス技術です
jquery の内部ライブラリは ajax の効果をカプセル化しており、それを直接使用できます (.ajax .post .get .load)
たとえば、クリック メソッド