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 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程序设计有所帮助。