ajax 페이징 예제

매김은 관리 패널, ERP 또는 백 엔드 패널과 같은 모든 프로젝트의 매우 기본적인 요구 사항입니다. 페이지 매번 몇 개의 레코드를 로드하는 데 사용하면 많은 데이터로 인해 웹 페이지가 손상될 수 없습니다. 당신이 패기하고 ajax를 사용하여 그것을 할 경우 더 나은 방법. Ajax Pagination은 전체 페이지 대신 테이블 데이터만 로드합니다. 그래서 아약스 패기는 매우 도움이됩니다. 이 예제에서는 테이블에서 모든 데이터를 페이지온합니다. 그러나 실제 응용 프로그램에서는 반환된 데이터를 필터링하기 위해 WHERE 절을 포함해야 할 수 있습니다. 예를 들어 30세 미만의 사용자만 표시하려면 위의 코드를 수정하여 쿼리에 WHERE 절을 포함합니다. 설명된 예제의 전체 소스 코드를 보고 다운로드하려면 이 GitHub 리포지토리를 통해 다운로드할 수 있습니다. 두 함수 모두 http GET 요청을 만들기 위한 get() jQuery AJAX 단축 함수를 사용합니다. jQuery ajax() 함수를 대신 사용할 수 있으므로 더 많은 구성을 허용하지만 이 예제에서는 약어가 괜찮습니다. 이 예제의 목적을 위해 우리는 MySQL을 사용 하려고, 하지만 물론 우리는 SQLite 또는 다른 RDBMS에 대 한 이것을 쉽게 교환할 수 있습니다.

데이터베이스 예제의 이름을 지정하고 테이블의 이름을 지정합니다. 이 자습서에서는 데이터베이스에서 검색된 레코드 목록에 페이지 매김을 추가하는 PHP 코드 예제를 살펴보겠습니다. aJAX를 사용하여 jQuery를 사용하여 데이터베이스에서 각 페이지에 대한 레코드를 가져옵니다. 이전 튜토리얼에서, 우리는 AJAX 페이지 폰에 대해 이미 보았다. 이 예제에서는 페이지 지정 형식을 선택하는 옵션을 추가했으며 페이지별 디자인을 보강하기 위해 모양과 느낌을 변경했습니다. 자바 스크립트에서 두 개의 사용자 지정 함수가 필요합니다. 하나는 특정 페이지를 가져오고 다른 하나는 페이지 번호 링크를 초기화합니다. 이 예제에서는 코드의 기본 섹션에 도착하기 전에 약간의 설정도 수행했습니다. 그런 다음 표시 보기에 대한 하나의 경로를 만들고 블레이드 파일에 코드 jquery ajax를 작성합니다.

그래서, 당신은 단지 아래 단계를 따라야하고 당신은 라라벨 5.7에서 단순히 아약스 pagination을 얻을 것이다. 경로::get(`아약스-페이지`,`아약스컨트롤러@아약스페이지네이션`)——-이름(`ajax.pagination`); 이 예제에서는 페이지 매김 형식을 변경할 두 가지 옵션이 있습니다. 하나는 이전 및 다음 페이지를 앞뒤로 탐색하는 Prev 및 Next 링크만 표시됩니다. 다른 형식은 모든 페이지 링크와 첫 번째, 마지막, 이전 및 다음 페이지로 이동할 수 있는 링크가 표시됩니다. 이 예제에서는

    사용 하 고 있지만 실제 응용 프로그램에서는 데이터에 대 한
    사용할 수 있습니다 (행 당 두 개 이상의 정보를 표시 하려는 경우에 특히 중요 한). 페이지 삭제를 사용하면 큰 레코드 목록을 여러 페이지로 나눌 수 있습니다. 6. AJAX 요청을 통해 외부 데이터 집합을 Paginate합니다. 마지막으로 다음 요청에 대 한 준비가 되도록 변수 i를 증가 합니다. 첫 번째 차이점은 컨테이너가 jQuery의 html() 함수를 사용하여 먼저 지워진다는 것입니다.

이 함수는 여러 번 호출되며 매번 작업하려면 빈 슬레이트가 필요하기 때문입니다. 두 번째 차이점은 데이터 자체가 성공 함수 콜백에서 반복된다는 것입니다. 이 작업은 매우 유용한 jQuery 각() 함수를 사용하여 수행됩니다. 함수가 호출되면 URL /다음 페이지로 이동하여 현재 페이지 및 URL과 같은 AJAX 데이터를 통해 전송됩니다. 우리는 자바 스크립트의 창 기능을 사용하여 현재 URL을 얻을 수 있습니다, window.location.pathname.toString()를 요청.