ホームページ > バックエンド開発 > PHPチュートリアル > 非同期読み込み技術でウォーターフォールフロー効果を実現、非同期読み込み技術 Waterfall_PHP チュートリアル

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

WBOY
リリース: 2016-07-13 10:19:04
オリジナル
812 人が閲覧しました

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

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

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

リーリー

HTML ページが長すぎます。滝のような効果を実現するにはどうすればよいですか?下まで閲覧したときに残りのコンテンツを読み込むためでしょうか?

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

ページの非同期読み込みを実装するにはどうすればよいですか?

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

www.bkjia.comtru​​ehttp://www.bkjia.com/PHPjc/878812.html技術記事非同期ローディング技術はウォーターフォール効果を実現し、非同期ローディング技術はウォーターフォール非同期ローディング技術でウォーターフォール効果を実現します。スクロールバーが一番下に達するとイベントがトリガーされます。 このイベントは...
と書かれています。
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート