Laravel+jQuery实现AJAX分页效果

本文实例讲述了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 urldata:{"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 loadedif（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程序设计有所帮助。