thinkPHP5 フレームワークを使用して Ajax ベースのページング関数分析を実装する

この記事では、主に Ajax ベースのページング機能を実装するための thinkPHP5 フレームワークを紹介し、thinkPHP5 フレームワークでの Ajax ページング操作の具体的な手順、実装コード、および関連する操作方法をサンプルの形で分析します。以下の

この記事の例では、thinkPHP5 フレームワークが Ajax ベースのページング機能を実装する方法について説明します。参考までに皆さんと共有します。詳細は次のとおりです。

最新のページのタブに ajax ページングが含まれているため、tp5 での ajax ページングの使用方法を勉強しました

まず、 tp5 のページングを見てください。 関数の紹介

パラメータ	説明
list_rows	ページごとの数量
ページ	現在のページ
パス	URLパス
クエリ	url 追加パラメータ
フラグメント	url アンカー
var_page	ページング変数
type	ページング クラス名

#

$caseDetails = CaseDetails::where(['status'=>1])->paginate(9,false,['path'=>'javascript:AjaxPage([PAGE]);']);

したがって、ページング クエリは上記のコードのように記述されます。

このようにして、各ページが

AjaxPage('現在のページ数、自動的に変更されます')

になることがページに表示されます。その後、対応するページをpage Function

AjaxPage(page)、対応する Ajax リクエスト クエリを完了し、指定されたビューに戻ります

Ajax リクエスト コントローラー メソッドは次のとおりです

public function all()
{
    $caseDetails = CaseDetails::where(['status'=>1])->paginate(9,false,['path'=>'javascript:AjaxPage([PAGE]);']);
    return view('getall',['res'=>$caseDetails]);
}

タブに現在のカテゴリを再度クエリするための ID がある場合は、次の

public function getAjax($id,$page=1)
{
    $res = CaseDetails::where(['category'=>$id])->paginate(9,false,['page'=>$page,'path'=>"javascript:AjaxDetailsPage({$id},[PAGE]);"]);
    return view('',['res'=>$res]);
}

を使用できます。

js コードは次のとおりです:

function AjaxPage(page){
  $.get('/index/successcase/getAll',{ page:page },function (data) {
    $('.little-content').html(data);
  })
}
$('.on').hover(function(){
  $.get('/index/successcase/all',function (data) {
    $('.little-content').html(data);
  })
});
$('.title-id').hover(function(){
  var id = $(this).attr('title');
  $.get('/index/successcase/getajax',{ 'id':id },function(data){
    $('.little-content').html(data);
  });
});
function AjaxDetailsPage(id,page){
  $.get('/index/successcase/getAjax',{ id:id,page:page },function (data) {
    $('.little-content').html(data);
  })
}

ajax スコープ ビュー

{volist name="res" id="casedetails"}
<li class="little-block">
  <img src="{$casedetails.pic}"/>
  <p class="mb-text">
    <p class="text">
      <h1>{$casedetails.name}</h1>
      <p class="p3">{$casedetails.caseCategory.name}</p>
      <a href="#" rel="external nofollow" >VIEW MORE</a>
    </p>
  </p>
</li>
{/volist}
<br>
{$res->render()}

以上がこの記事の全内容です。その他の関連内容については、PHP に注目してください。中国語のサイトです！

関連する推奨事項:

Web ページのページング添え字生成コードを実装するための PHP バックエンド方法

thinkPHP フレームワークについてAlipay とのドッキング インスタント ペイメント インターフェイスのコールバック問題の分析

##JS イベント ページング クラスcustomPage.class.php を thinkPHP フレームワークに追加する分析

＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃

以上がthinkPHP5 フレームワークを使用して Ajax ベースのページング関数分析を実装するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。