Question

我有两个laravel集合

$posts = collect($instagramService->fetchPosts('username'))->take(10);

以及更多帖子

$morePosts =  collect($instagramService->fetchPosts('username'))->slice(10);

我正在刀片上显示第一个集合：

@foreach($posts as $post)
   {{$post->url}}
   {{$post->likes}}
@endforeach

<button type="submit">Show More</button>

我正在尝试研究ajax分页但到目前为止没有运气，所以如果有人能帮助我，我将非常感激。

问题：当我点击“显示更多”时，我想加载第二个集合？

Answer 1

按钮

<button type="submit" class="clickMe">Show More</button>

AJAX

       $(".clickMe").click(function(){
    $.ajax({
            dataType: 'json',
            type:'GET',
            url: "{{ url('morePosts') }}",
          }).done(function(data){
             var len=data.length
console.log(len);
    //Perform ANy action after successfuly post data
      var rows = '';
for(i=0;i<data.length;i++){
      rows = rows + 'data[i].url'
}      
 $("#morePosts").html(rows);  
        });

路线

 Route::get('/morePosts', 'PostController@morePosts');

控制器中的方法

public function morePosts(){
   $data=  collect($instagramService->fetchPosts('username'))->slice(10);
return response()->json($data);
}

HTML

<div id="morePosts">
</div>

Laravel显示更多按钮

1 个答案: