Question

我正在开发一个游戏网站，而我目前正在进行团队的匹配页面。在这个页面中，我有一个Bootstrap轮播在团队之间切换并显示每个团队的比赛，但我限制为5场比赛。在那之后，我使用Laravel内置的分页，我已经使它在AJAX中工作。但是，当我更改页面时，它会更改我所有团队的匹配内容（显然，因为我正在替换div.matches内容）。

如何对每个团队进行替换，而不是用相同的内容替换每个团队？

没有AJAX，分页工作正常。

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

Laravel 5中的Ajax分页。*：

 $('.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);
                },
            });
    });

Laravel 5.3和Ajax分页

1 个答案: