Laravel+jQuery實現AJAX分頁效果_php執行個體

本文執行個體講述了Laravel+jQuery實現AJAX分頁效果。分享給大家供大家參考，具體如下：

JavaScript部分：

//_______________________// listener to the [select from existing photos] button$('#photosModal').on('shown.bs.modal', function () {  // get the first page of photos (paginated)  getPhotos(function(photosObj){    displayPhotos(photosObj);  });});/*** get the photos paginated, and display them in the modal of selecting from existing photos** @param page*/function getPhotos(callback) {  $.ajax({    type: "GET",    dataType: 'json',    url: Routes.cms_photos, // this is a variable that holds my route url    data:{      'page': window.current_page + 1 // you might need to init that var on top of page (= 0)    }  })    .done(function( response ) {      var photosObj = $.parseJSON(response.photos);      console.log(photosObj);      window.current_page = photosObj.current_page;      // hide the [load more] button when all pages are loaded      if(window.current_page == photosObj.last_page){        $('#load-more-photos').hide();      }      callback(photosObj);    })    .fail(function( response ) {      console.log( "Error: " + response );    });}/*** @param photosObj*/function displayPhotos(photosObj){  var options = '';  $.each(photosObj.data, function(key, value){    options = options + "<option data-img-src='"+value.thumbnail+"' value='"+value.id+"'></option>";  });  $('#photos-selector').append(options);  $("select").imagepicker();}// listener to the [load more] button$('#load-more-photos').on('click', function(e){  e.preventDefault();  getPhotos(function(photosObj){    displayPhotos(photosObj);  });});

php控制器部分：

//_______________________//...$photos = $this->photo_repo->paginate(12);return Response::json([  'status' => 'success',  'photos' => $photos->toJson(),]);

更多關於Laravel相關內容感興趣的讀者可查看本站專題：《Laravel架構入門與進階教程》、《php優秀開發架構總結》、《smarty模板入門基礎教程》、《php日期與時間用法總結》、《php物件導向程式設計入門教程》、《php字串(string)用法總結》、《php+mysql資料庫操作入門教程》及《php常見資料庫操作技巧匯總》

希望本文所述對大家基於Laravel架構的PHP程式設計有所協助。