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

ajax データリクエストのページング効果を実装します: 画像と同様です。コードの実装方法

返信内容:

Ajax データリクエストのページング効果を実装します: 画像と同様です。コードの実装方法

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を見ていただければ簡単に実現できます。 ...