點擊搜索跳轉到當前頁面並刷新table內容

如下圖:當我們點擊搜索時,跳轉到當前頁面並刷新table內容
可以這樣來做:

<script>
            $('.searchA').click(function () {
                var product_name = $('.product_name').val()
                var role_name = $('.role_name').val();
                window.location.href="userlist"+"&product_name="+product_name+"&role_name="+role_name;
            })
        </script>

帶上搜索時的參數即可。當跳轉到後臺後自動按條件去搜索內容,然後輸出table中不一樣的數據。
在這裏插入圖片描述
後臺代碼:

public function userList()
    {
//        print_r(request()->param());

        $product_name = request()->param()['product_name']??'';
        $role_name = request()->param()['role_name']??'';

        $user_info = db('user')->alias('u')
            ->join('role r','u.role_id=r.id')
            ->field('u.id, u.name,u.phone,u.email,u.remarks,u.create_time,r.name as role_name')
            ->order('u.id aec');
        if(!empty($product_name)){
            $user_info = $user_info->where('u.name','like','%'.$product_name.'%');
        }
        if(!empty($role_name)){
            $user_info = $user_info->where('u.role_id',$role_name);
        }

        $user_info = $user_info->where(['u.is_del'=>0])
                    ->paginate(10);

        $role_info = db('role')
            ->field('id, name')
            ->where(['is_del'=>0])
            ->select();


        $this->assign('role_info', $role_info);


        $this->assign('user_info', $user_info);

        return view('user/userlist');
    }
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章