Paginierung Laravel AJAX?

Question

Standardmäßig aktualisiert die Laravel Paginierung die Seite jedes Mal. Ich will nicht diese

public function getPaginate($n) 
    { 
     return $this->model->with('professional') 
     ->orderBy('extras.created_at', 'desc') 
     ->paginate($n); 
    } 

In der Steuerung geschehen:

$extras = $this->extraRepository->getPaginate(3); 
$links = $extras->render(); 

Und ich $link zur Ansicht schicken.

<div class="pagination">{!! $links !!}</div> 
      </div> 
     </div> 

     <div class="row"> 
      <div class="small-12 columns"> 
       <ul class="large-block-grid-3 medium-block-grid-2 small-block-grid-1"> 
       @if(empty($extras)) 
        <p class="empty-notice">Sorry, no extra available at the moment. Come back later</p> 
       @else 
        @foreach ($extras as $extra) 
        <li class="extra-available">@include('user.card', ["description" => $extra->professional->company_name." in ". 
                   $extra->type. 
                   ' for '.$extra->date.' at '.$extra->date_time, 
               "title" => $extra->professional->company_name, 
               "image" => asset("../resources/assets/images/extra-card-example.png"), 
               "id" => $extra->id]) 
        </li> 
        @endforeach 
       @endif 
       </ul> 
      </div> 
     </div> 

Ich habe versucht, wie so eine AJAX-Anforderung zu implementieren:

$(".pagination a").click(function(e){ 
    e.preventDefault(); 
    var url = $(this).attr('href'); 
    //alert(url); 
    $.ajax({ 
     url: url, 
     type: "GET", 
     success: function(data){ 
      $('.extra-available').html(data); 
     } 
    }); 
}); 

aber es gibt mir eine ganze html doc, möchte ich genau das, was in .extra-available ist.

Irgendwelche Ideen?

Answer 1

Ich denke, es ist besser, API vorzubereiten, um von Ihrem AJAX im JSON-Format aufgerufen zu werden. Die json return ist sehr nützlich, um paginate zu tun. Sie erhalten folgende Daten (in Laravel 5.2).

{ 
    "total": 18, 
    "per_page": 15, 
    "current_page": 1, 
    "last_page": 2, 
    "next_page_url": "http://example.com/products?page=2", 
    "prev_page_url": null, 
    "from": 1, 
    "to": 15, 
    "data": [] // a list of your data here 
} 

Ihr API-Controller wird so aussehen. Verwenden Sie nicht die $n. Laravel wird die aktuelle Seite aus dem page GET-Parameter

$data = Model::orderBy('extras.created_at', 'desc')->paginate(); 
return response()->json($data); 

So Ihres Ajax-Code erhalten kann, die nächsten Seitendaten in den next_page_url basierend nennen, sowie die vorherige Seite mit prev_page_url, wenn es vorhanden ist. Alles über Paging gibt es einschließlich der gesamten Aufzeichnungen, diese aktuelle Seite und Einträge gesamt Anzeige in Seite

Answer 2

Versuchen:

$(document).on('click', '.pagination a', function (e) { ...