thinkPHP5 프레임워크를 사용하여 Ajax 기반 페이징 기능 분석 구현

이 글에서는 Ajax 기반 페이징 기능을 구현하기 위한 thinkPHP5 프레임워크를 주로 소개하며, thinkPHP5 프레임워크에서 Ajax 페이징 작업의 구체적인 단계, 구현 코드 및 관련 작업 방법을 예제 형식으로 분석합니다.

이 기사의 예제는 thinkPHP5 프레임워크를 사용하여 Ajax 기반 페이징 기능을 구현하는 데 사용됩니다. 참고하실 수 있도록 공유해 주세요. 자세한 내용은 다음과 같습니다.

최근 페이지의 탭에 ajax paging이 포함되어 있어서 tp5에서 ajax paging을 어떻게 사용하는지 공부했습니다

먼저 tp5의 paging 소개를 살펴보겠습니다. function

매개변수	description
list_rows	페이지당 수
page	현재 페이지
path	url 경로
query	url 추가 매개변수
fragment	url 앵커 클릭
var_page	페이지 변수
type	페이지 클래스 이름

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

그래서 우리의 p 에이징 쿼리는 위의 코드와 같이 작성됩니다.

이런 식으로 페이지는 각 페이지를 AjaxPage('当前分页数，自动变化')

로 표시합니다. 그런 다음 페이지에 해당 함수 AjaxPage(페이지)를 작성하여 해당 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 scope view

{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 백엔드 방법

thinkPHP 프레임워크 도킹 Alipay 인스턴트 계정 인터페이스의 콜백 문제 분석 정보

js 이벤트 페이지 매김 추가 정보 thinkPHP 프레임워크 customPage.class.php

클래스 분석

위 내용은 thinkPHP5 프레임워크를 사용하여 Ajax 기반 페이징 기능 분석 구현의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!