Laravel+jQuery实现AJAX分页效果
Laravel  /  管理员 发布于 3年前   184
本文实例讲述了Laravel+jQuery实现AJAX分页效果。分享给大家供大家参考,具体如下: JavaScript部分: php控制器部分: 更多关于Laravel相关内容感兴趣的读者可查看本站专题:《Laravel框架入门与进阶教程》、《php优秀开发框架总结》、《smarty模板入门基础教程》、《php日期与时间用法总结》、《php面向对象程序设计入门教程》、《php字符串(string)用法总结》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》 希望本文所述对大家基于Laravel框架的PHP程序设计有所帮助。//_______________________// 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 + ""; }); $('#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); });});
//_______________________//...$photos = $this->photo_repo->paginate(12);return Response::json([ 'status' => 'success', 'photos' => $photos->toJson(),]);
您可能感兴趣的文章:
原梓番博客 在
在Laravel框架中使用模型Model分表最简单的方法中评论 好久好久都没看友情链接申请了,今天刚看,已经添加。..博主 在
佛跳墙vpn软件不会用?上不了网?佛跳墙vpn常见问题以及解决办法中评论 @1111老铁这个不行了,可以看看近期评论的其他文章..1111 在
佛跳墙vpn软件不会用?上不了网?佛跳墙vpn常见问题以及解决办法中评论 网站不能打开,博主百忙中能否发个APP下载链接,佛跳墙或极光..路人 在
php中使用hyperf框架调用讯飞星火大模型实现国内版chatgpt功能示例中评论 教程很详细,如果加个前端chatgpt对话页面就完美了..博主 在
科学上网翻墙之v2rayN-Core客户端免费公益节点使用教程中评论 @ mashrdn 多切换几个节点测试,免费ssr是没那么稳..Copyright·© 2019 侯体宗版权所有· 粤ICP备20027696号