ホームページ  >  記事  >  バックエンド開発  >  javascript - ajax と js の非リフレッシュ ページング効果を実現する方法

javascript - ajax と js の非リフレッシュ ページング効果を実現する方法

WBOY
WBOYオリジナル
2016-12-05 13:44:131190ブラウズ

ajax データリクエストのページング効果を実装します: 画像と同様です。コードの実装方法
javascript - ajax と js の非リフレッシュ ページング効果を実現する方法

返信内容:

Ajax データリクエストのページング効果を実装します: 画像と同様です。コードの実装方法
javascript - ajax と js の非リフレッシュ ページング効果を実現する方法

ajax は特定のページのデータをリクエストし、テーブルをクリアして、新しいデータをテーブルに置きます。

1. CSS でページング スタイルを作成します。
2. イベントをリッスンし、ページング パラメーター pageNo を渡し、ajax コールバックでリストの再構築とレンダリングを書き込みます。

そのアイデアは、ページング イベントがトリガーされたときに ajax リクエストを作成し、成功後にテーブルを更新することです。 リーリー

ページ番号をクリックすると:

  • フロントエンドに渡される値: currentPage (現在リクエストされているページ)、perPage (ページあたりのデータの数);

  • バックエンドの戻り値: ページ (総ページ数)、データ (返されたデータ);

    フロントエンドが初めてデータをリクエストするとき、react、vue、knockout などのデータバインディングが使用されていない場合、バックエンドによって返された合計ページ数がフロントエンドのページめくり列に表示されます。 .、カズンは次のリクエストでクリアされます。データ バインディングが使用されている場合は、返されたデータをリセットするだけでページを再レンダリングできます。
  • 質問対象者は次の4つの知識を習得する必要があると思います:

アヤックス
  1. phpページングテクノロジー
  2. mysql制限
  3. jクエリ
  4. 詳しい説明:

    ) イベントを実行し、このページ番号の値を取得してバックエンドに送信します
  1. ajax 点击页码的时候触发一个click(jQuery

    phpはこのページ番号のパラメータを受け取り、現在のページ番号と表示されているアイテムの数に基づいて計算します
  2. リーリー

    4. フロントエンドのリストコンテンツに対応する div を置き換えるだけです。
これは古い方法なので、最新の方法はわかりません。

上。ちなみに、Baidu にはこの種の問題に対するリソースが豊富にあります。

本当に、嘘は言ってないよ。

ajaxの使い方はAPIをご確認ください

リフレッシュを行わないページネーションに関しては、質問者様はjqueryを見ていただければ簡単に実現できます。 ...

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。