Question

我正在使用Laravel 5.8，并且尝试通过AJAX进行实时搜索的分页。我已经对其进行了配置，以便由于AJAX搜索而在通过GET请求发送数据时分页更新。唯一不起作用的是我单击以转到下一页时的链接。

当我第一次加载页面时单击分页链接时，URL看起来像这样的http://localhost:8000/pagination?page=2，并正确显示了该页面。

如果我使用实时搜索并单击分页链接，则该URL看起来像http://localhost:8000/search?page=2，并且不显示任何内容。

这是我的pagination.blade.php文件中的AJAX：

  $(function getResults(url) {
    $('#search').on('keyup',function(){
      $value=$(this).val();
      $.ajax({
        type: 'GET',
        url: '{{URL::to('search')}}',
        data:{ 'search':$value },
        success:function(data){
          console.log(data);
          $('tbody').empty();
          $('tbody').html(data);
        },
      error: function(err) {
        console.log(err);
      }
      });
    });

$(function() {
    $('body').on('click', '.pagination a', function(e) {
       e.preventDefault();
        var url = $(this).attr('href');
        getResults(url);
        window.history.pushState("", "", url);
        console.log(url);
    });
  });

这是我的web.php文件：

Route::get('/search', 'SearchController@search');
Route::resource('/pagination', 'SearchController');

我的分页通过SearchController.php在$projects->render();文件中呈现

让我知道是否要我包含更多代码。非常感谢您能提供的任何帮助！

编辑：添加SearchController.php代码：

public function index(Request $request)
{
  $projects = Project::orderBy('name', 'asc')->paginate(5);

  if ($request->ajax()){
    return view('pagination_data', ['projects' => $projects])->render();
  }

  return view('pagination', compact('projects'));
}

public function search(Request $request)
{
  if($request->ajax())
{

  $projects=DB::table('projects')->where('name', 'LIKE', '%'.$request->search."%")->orwhere('description', 'LIKE', '%'.$request->search."%")->orderBy('name', 'asc')->paginate(5);

  $resultCount = DB::table('projects')->count();

  if($projects)
  {

    $output=$projects->render();

        foreach ($projects as $project) {
         $output.='<tr>'.
         '<td>'.
          '<a href="'. $project->link .'" target="_blank">'.
          $project->name.
          '</a>'.
         '</td>'.
         '<td>'.
          $project->description.
         '</td>'.
         '<td>'.
          $project->creator.
         '</td>'.
        '</tr>';
}

  return Response($output);
}

 else {
   $output='<tr class="alert alert-danger" role="alert">No projects found :(</tr>';

   return Response($output);
 }

}
}
}

编辑：我已解决http://localhost:8000/%7B%7B$project-%3Elink%7D%7D的问题，并更新了上面的代码。

编辑，6/1：：我进一步缩小了范围-在执行实时AJAX搜索后，分页链接似乎没有更新。 http://localhost:8000/pagination?page=2始终引用原始行（在搜索之前）。我认为解决此问题的关键是从SearchController文件更新该初始链接。每次执行实时搜索时，都会提取SearchController代码。

Laravel + AJAX：分页链接不起作用

0 个答案: