1. // In JavaScript 
2. //_______________________ 
3.  
4. // listener to the [select from existing photos] button 
5. $('#photosModal').on('shown.bs.modal', function () { 
6.     // get the first page of photos (paginated) 
7.     getPhotos(function(photosObj){ 
8.         displayPhotos(photosObj); 
9.     }); 
10. }); 
11.  
12. /** 
13. * get the photos paginated, and display them in the modal of selecting from existing photos 
14. * 
15. * @param page 
16. */ 
17. function getPhotos(callback) { 
18.  
19.     $.ajax({ 
20.         type: "GET", 
21.         dataType: 'json', 
22.         url: Routes.cms_photos, // this is a variable that holds my route url 
23.         data:{ 
24.             'page': window.current_page + 1 // you might need to init that var on top of page (= 0) 
25.         } 
26.     }) 
27.         .done(function( response ) { 
28.             var photosObj = $.parseJSON(response.photos); 
29.             console.log(photosObj); 
30.  
31.             window.current_page = photosObj.current_page; 
32.  
33.             // hide the [load more] button when all pages are loaded 
34.             if(window.current_page == photosObj.last_page){ 
35.                 $('#load-more-photos').hide(); 
36.             } 
37.  
38.             callback(photosObj); 
39.         }) 
40.         .fail(function( response ) { 
41.             console.log( "Error: " + response ); 
42.         }); 
43. } 
44.  
45. /** 
46. * @param photosObj 
47. */ 
48. function displayPhotos(photosObj) 
49. { 
50.     var options = ''; 
51.  
52.     $.each(photosObj.data, function(key, value){ 
53.         options = options + "<option data-img-src='"+value.thumbnail+"' value='"+value.id+"'></option>"; 
54.     }); 
55.  
56.     $('#photos-selector').append(options); 
57.  
58.     $("select").imagepicker(); 
59. } 
60.  
61. // listener to the [load more] button 
62. $('#load-more-photos').on('click', function(e){ 
63.     e.preventDefault(); 
64.  
65.     getPhotos(function(photosObj){ 
66.         displayPhotos(photosObj); 
67.     }); 
68.  
69. }); 
70.  
71.  
72.  
73.  
74.  
75. // In the Controller 
76. //_______________________ 
77. //... 
78. $photos = $this->photo_repo->paginate(12); 
79.  
80. return Response::json([ 
81.     'status' => 'success', 
82.     'photos' => $photos->toJson(), 
83. ]);