Verwendung des ThinkPHP5-Frameworks zur Implementierung einer Ajax-basierten Paging-Funktionsanalyse

In diesem Artikel wird hauptsächlich das thinkPHP5-Framework zur Implementierung der Ajax-basierten Paging-Funktion vorgestellt. Er analysiert die spezifischen Schritte, den Implementierungscode und die zugehörigen Betriebsmethoden des Ajax-Paging-Vorgangs in Form von Beispielen it

Das Beispiel in diesem Artikel beschreibt, wie das thinkPHP5-Framework eine Ajax-basierte Paging-Funktion implementiert. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Die Registerkarte auf einer aktuellen Seite beinhaltet Ajax-Paging, daher habe ich untersucht, wie man Ajax-Paging in tp5 verwendet

Lassen Sie uns zunächst Folgendes tun Schauen Sie sich das Paging in tp5 an. Funktionseinführung

参数	描述
list_rows	每页数量
page	当前页
path	url路径
query	url额外参数
fragment	url锚点
var_page	分页变量
type	分页类名

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

Unsere Paging-Abfrage ist also wie im obigen Code gezeigt geschrieben.

Auf diese Weise wird jede auf der Seite angezeigte Seite zu AjaxPage('当前分页数，自动变化')

Dann können wir eine entsprechende Funktion in die Seite AjaxPage(page) schreiben, um das zu vervollständigen Die entsprechende Ajax-Anfrageabfrage kehrt zur angegebenen Ansicht zurück

Die Ajax-Anfrage-Controller-Methode lautet wie folgt

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

Wenn die Wenn die Registerkarte eine ID hat und entsprechend der aktuellen Kategorie erneut abgefragt wird, können Sie Folgendes verwenden:

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]);
}

Der js-Code lautet wie folgt:

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-Scope-Ansicht

{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()}

Das Obige ist die Zusammenfassung dieses Artikels. Ich hoffe, dass er für das Studium aller hilfreich sein wird. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website!

Verwandte Empfehlungen:

PHP-Backend-Methode zur Implementierung von Paging-Subskript-Generierungscode für Webseiten

Über das Andocken des ThinkPHP-Frameworks an Alipay-Analyse des Rückrufproblems der Instant-Payment-Schnittstelle

Analyse der js-Ereignis-Paging-Klasse customPage.class.php, die dem thinkPHP-Framework hinzugefügt wurde

Das obige ist der detaillierte Inhalt vonVerwendung des ThinkPHP5-Frameworks zur Implementierung einer Ajax-basierten Paging-Funktionsanalyse. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!