laravel实现ajax分页,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 + "";

});

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