Laravel+jQuery实现AJAX分页效果


Posted in PHP onSeptember 14, 2016

本文实例讲述了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框架的PHP程序设计有所帮助。

PHP 相关文章推荐
Discuz! 5.0.0论坛程序中加入一段js代码,让会员点击下载附件前自动弹出提示窗口
Apr 18 PHP
PHP SQLite类
May 07 PHP
Wordpress php 分页代码
Oct 21 PHP
PHP 根据IP地址控制访问的代码
Apr 22 PHP
php数据结构与算法(PHP描述) 快速排序 quick sort
Jun 21 PHP
PHP使用静态方法的几个注意事项
Sep 16 PHP
Laravel模板引擎Blade中section的一些标签的区别介绍
Feb 10 PHP
php修改文件上传限制方法汇总
Apr 07 PHP
PHP中把有符号整型转换为无符号整型方法
May 27 PHP
Smarty foreach控制循环次数的一些方法
Jul 01 PHP
php可扩展的验证类实例(可对邮件、手机号、URL等验证)
Jul 09 PHP
PHP基于GD库的图像处理方法小结
Sep 27 PHP
php+ajax实现带进度条的上传图片功能【附demo源码下载】
Sep 14 #PHP
PHP自定义函数实现格式化秒的方法
Sep 14 #PHP
PHP经典算法集锦【经典收藏】
Sep 14 #PHP
微信支付的开发流程详解
Sep 13 #PHP
PHP仿微信多图片预览上传实例代码
Sep 13 #PHP
微信支付PHP SDK ―― 公众号支付代码详解
Sep 13 #PHP
PHP基于单例模式编写PDO类的方法
Sep 13 #PHP
You might like
玩转虚拟域名◎+ .
2006/10/09 PHP
php生成zip压缩文件的方法详解
2013/06/09 PHP
php计算到指定日期还有多少天的方法
2015/04/14 PHP
详解PHP版本兼容之openssl调用参数
2018/07/25 PHP
Laravel框架实现简单的学生信息管理平台案例
2019/05/07 PHP
用js实现trim()的解决办法
2013/04/16 Javascript
jquery简单实现鼠标经过导航条改变背景图
2013/12/17 Javascript
可恶的ie8提示缺少id未定义
2014/03/20 Javascript
JS获得浏览器版本和操作系统版本的例子
2014/05/13 Javascript
用js传递value默认值的示例代码
2014/09/11 Javascript
jQuery实现冻结表头的方法
2015/03/09 Javascript
基于Vue实现支持按周切换的日历
2020/09/24 Javascript
JavaScript 高性能数组去重的方法
2018/09/20 Javascript
在vue中实现某一些路由页面隐藏导航栏的功能操作
2020/09/21 Javascript
js实现移动端图片滑块验证功能
2020/09/29 Javascript
[01:02:02]DOTA2上海特级锦标赛A组败者赛 EHOME VS CDEC第二局
2016/02/25 DOTA
python使用循环实现批量创建文件夹示例
2014/03/25 Python
Python使用迭代器打印螺旋矩阵的思路及代码示例
2016/07/02 Python
Python 循环语句之 while,for语句详解
2018/04/23 Python
python 将md5转为16字节的方法
2018/05/29 Python
Python 中的range(),以及列表切片方法
2018/07/02 Python
Python实现string字符串连接的方法总结【8种方式】
2018/07/06 Python
python爬虫获取百度首页内容教学
2018/12/23 Python
Ubuntu+python将nii图像保存成png格式
2019/07/18 Python
关于keras中keras.layers.merge的用法说明
2020/05/23 Python
基于python图书馆管理系统设计实例详解
2020/08/05 Python
python3.8动态人脸识别的实现示例
2020/09/21 Python
EJB与JAVA BEAN的区别
2016/08/29 面试题
英语专业学生个人求职信范文
2014/01/06 职场文书
工作失职检讨书范文
2014/01/16 职场文书
2014年政风行风自查自纠报告
2014/10/21 职场文书
高三毕业评语
2014/12/31 职场文书
2014年个人年终总结
2015/03/09 职场文书
会计试用期自我评价
2015/03/10 职场文书
MySQL数据库中varchar类型的数字比较大小的方法
2021/11/17 MySQL
电脑无法安装Windows 11怎么办?无法安装Win11的解决方法
2021/11/21 数码科技