Laravel 5.3とAjaxページ区切り

Question

私はゲームのウェブサイトを開発しており、現在チームのマッチページを行っています。このページでは、チーム間を切り替えて各チームの試合を表示するためのブートストラップカルーセルを持っていますが、5試合に制限されています。その後、私はAJAXで動作するようにしたページングで構築されたLaravelを使用します。しかし、私がページを変更すると、私のチームのすべての試合の内容が変更されます（明らかに、私はdiv.matchesの内容を置き換えているので）。

各チームを同じコンテンツで置き換えるのではなく、どのチームにそれを行うことができますか？

ページングは​​AJAXなしで正しく機能します。 Laravelで

CONTROLLER

$matches = Matche::orderBy('date', 'DESC')->where('team', $team->id)->paginate(5, ['*'], $team->slug); 

// it generates like so.. site.com/matches?csgo=1 

HTML

<div class="carousel-item"> 
    <div class="matches"> 

     <div class="matches-box"> 
      ... Match #1 ... 
     </div> 
     <div class="matches-box"> 
      ... Match #2 ... 
     </div> 

     {{ $matches->links() }} 

    </div> 
</div> 

JAVASCRIPT

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

    e.preventDefault(); 
    var url = $(this).attr('href'); 

    $.get(url, function(data){ 
     $('.matches').html($(data).find('.matches').html()); 
    }); 

}); 

Answer 1

Ajaxのページネーション5. *：

$('.pagi').delegate('.pagination a','click',function(event){ 
     event.preventDefault(); 
     var pagiurl = $(this).attr('href'); 
      $.ajax({ 
       url: pagiurl, 
       data:"", 
       headers: { 
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 
       }, 
       type:"POST", 
       dataType: "json", 
       success: function(json) { 
        $('#renderstring').html(json.success); 
        $('.pagi').html(json.pagi); 
       }, 
      }); 
    });