Ajax Pagination Laravel 5.1

本文关键字：Laravel Pagination Ajax | 更新日期: 2023-09-27

我正在尝试使用ajax和laravel 5进行分页，但即使使用简单的测试，我也无法做到ajax工作:

$(document).on('ready',function(){
$('.pager a').on('click', function (e) {
var page = $(this).attr('href').split('page=')[1];
         e.preventDefault();
            $.ajax({
          type: "GET",
          url: 'testeserver.php',
         //url:"raphael.dev/testeserver.php",
         dataType: 'json', // Notice! JSONP <-- P (lowercase)
         success:function(json){
             alert("Success"+json);
         },
         error:function(){
             alert("Error");
         }      
      });
    });
});

在这个例子中，我尝试返回json，

  <?php
$arr = array("element1","element2",array("element31","element32"));
$arr['name'] = "response";
echo $_GET['callback']."(".json_encode($arr).");";
?>

，但只有错误警报，实际上我正在尝试以下情况:

BlogController:

  public function index(Request $request){
          $artigos = Artigo::where('publicado_em', '<=', Carbon::now())
            ->orderBy('publicado_em', 'desc')
            ->paginate(config('blog.artigos_por_pagina'));

        if ($request->ajax()) {
            return Response::json(view('Blog.artigos', compact('artigos'))->render());
        }
        return view('Blog.index', compact('artigos'));
    }

routes.php

post('/', 'BlogController@index');
get('/', 'BlogController@index');
get('/{slug}', 'BlogController@show');

jquery

$(document).on('ready',function(){
$('.pager a').on('click', function (e) {
var page = $(this).attr('href').split('page=')[1];
         e.preventDefault();
            $.ajax({
          type: "POST",
          url: 'page=' + page,
         dataType: 'json',
         success:function(json){
             alert("Success"+json);
         },
         error:function(){
             alert("Error");
         }      
      });
    });
});

刚刚找到解决方案，将我的jquery代码改为:

$(document).on('ready',function(){
$('.pager a').on('click', function (e) {
          var page = $(this).attr('href').split('page=')[1];
          e.preventDefault();
          var url = '?page=' + page; 
$.post( url, function(data) {
        alert( "success"+data );
      })
        .done(function() {
          alert( "second success" );
        })
        .fail(function() {
          alert( "error" );
        })
        .always(function() {
          alert( "finished" );
      });

和发现一个错误在我的BlogController:

 if ($request->ajax()) {
 return Response::json(view('Blog.artigos', compact('artigos'))->render());
    }

没有声明Facade Response，所以只是添加了

Use Request;

在顶部，

，但我仍然不明白为什么$ajax()不工作，只是$get和$post

Laravel使用CSRF令牌保护您的应用程序。当使用Ajax时，你需要确保通过CSRF令牌发送，否则Laravel将不处理请求以保护你的应用。

$.ajax({
    url: 'test',
    type: "post",
    data: {'_token': $('input[name=_token]').val()},
    success: function (data) {
        alert('the joys'); 
    },
    complete: function (data) {
    }
});

注意将发送CSRF令牌的$('input[name=_token]').val() -。当然，您需要在视图中使用CSRF令牌创建一个隐藏输入。

更多信息可以在这里找到!