Ajax 搜索和分页 Laravel


Ajax Search and Pagination Laravel

这是我的控制器:

public function getIndex()
{
    $val = Input::get('search');
    if (isset($val)) {
        $person = Person::where('last_name', 'LIKE', "%$val%")->orderBy('last_name','ASC')->paginate(15);
        return Response::json($person);
    }
    $allowed = array('first_name', 'last_name', 'father_name');
    $sort   = in_array(Input::get('sort'), $allowed)    ? Input::get('sort')    : 'last_name';
    $order  = Input::get('order')                       ? Input::get('order')   : 'ASC';
    $person = Person::orderBy($sort,$order)->paginate(15);
    $this->layout->content = View::make('hello')->with('person',$person);
}

我的观点

... @foreach ($person as $keys => $values)
        <tr class="info">
            <td>{{ $values->first_name }}</td>
            <td>{{ $values->last_name }}</td>
            <td>{{ $values->father_name }}</td>
        </tr>
    @endforeach
</table>
<div class="footer">
    <div class="search">
        <div class="img"></div>
        <div class="txt">
            {{ Form::open(['url' => 'login']) }}
                {{ Form::text("search","", ["placeholder"=>"جستجو..."]); }}
            {{ Form::close() }}
        </div>
    </div> ...

我的阿贾克斯

$(".search input").on('keyup',function(){
        val = $(this).val();
        if(val.length>2){
            $.ajax({
                url: "dashboard/index",
                type: 'GET',
                data: $(this).serialize(),
                success: function(data){
                    $(".info").remove();
                    $.each(data.data,function(index,item){
                        $(".menu").append(
                            "<tr class=info>"+
                            "<td>"+item.first_name+"</td>"+
                            "<td>"+item.last_name+"</td>"+
                            "<td>"+item.father_name+"</td>"+
                            "</tr>"
                        )
                    });
                },
                error: function(){
                    console.log("error");
                }
            });
        }

当我将此附件搜索到"信息"类中时,但分页不起作用因为使用此方法,搜索变量不在 URL 中因此,当我单击下一页时,它会转到默认分页而不是 Ajax 搜索

请帮助我

当你使用table时,最好的方法是使用datatable js插件...您可以在下面的网站中找到文档和示例:https://datatables.net